What color sources does it check?

SmartScan checks: (1) the theme-color meta tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.

Are the colors returned in HEX format?

Yes — all colors are returned with HEX values. RGB values are also included where available.

Does it extract all CSS colors from the stylesheet?

It focuses on CSS custom properties (variables) that are named to suggest brand colors, rather than extracting every color value from the stylesheet (which can be thousands).

Can I use it for competitive brand research?

Yes — it's an efficient way to identify a competitor's primary and accent brand colors without needing to inspect their CSS manually.

Yes — SmartScan is free. Register for 1,000 scans/month. No credit card required.

Free Tool

Extract Brand Colors
from Any Website

Discover the exact color palette of any website — primary brand color, accent colors, CSS variables, theme-color meta tag, and dominant image colors. Get HEX and RGB values instantly.

No account needed for your first scan · Results in seconds

🎨

Theme color

Detects the theme-color meta tag, Open Graph color hints and manifest color to identify the primary brand color.

🖌️

CSS variables

Extracts color CSS custom properties (--primary, --accent, --brand, etc.) from the site's stylesheet.

🖼️

Image palette

Analyzes the main visual content (logo, hero images) to derive the dominant color palette using image processing.

How Website Color Extractor works

Enter any URL

Paste the URL of any website — homepage, product page, or any other page.

SmartScan extracts theme color, CSS variables and analyzes images

Checks the theme-color meta tag, Open Graph hints, CSS custom properties and performs image palette analysis on logos and hero images.

Download color palette as JSON with HEX values

Get a structured JSON file listing all detected colors with their source, HEX code, RGB values and descriptive role.

🎯

HEX & RGB values

All extracted colors returned with HEX (#4f6ef7) and RGB (79, 110, 247) values — ready to use in design tools.

🌐

Multi-source detection

Checks three independent sources: HTML meta tags, CSS custom properties and image analysis — for maximum coverage.

📋

JSON export

Color data saved as seo/brand_colors.json — list of colors with source, HEX, RGB and descriptive role.

Popular use cases

Brand research
Quickly identify the exact brand colors of any company for competitive analysis or inspiration.

Design matching
Need to match a client's brand? Extract their exact color codes without guessing.

Style guide audit
Verify that CSS variables match the intended brand palette across your own site.

Lead enrichment
Collect brand color data at scale for design databases or B2B personalization.

Frequently asked questions

What color sources does it check?: SmartScan checks: (1) <meta name="theme-color"> tag, (2) Open Graph color hints, (3) CSS custom properties with color-related names, and (4) image palette analysis on logo and hero images.
Are the colors returned in HEX format?: Yes — all colors are returned with HEX values. RGB values are also included where available.
Does it extract all CSS colors from the stylesheet?: It focuses on CSS custom properties (variables) that are named to suggest brand colors, rather than extracting every color value from the stylesheet (which can be thousands).
Can I use it for competitive brand research?: Yes — it's an efficient way to identify a competitor's primary and accent brand colors without needing to inspect their CSS manually.
Is this tool free?: Yes — SmartScan is free. Register for 1,000 scans/month. No credit card required.