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

Extrae colores de marca de cualquier sitio web

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

🎨

Color temático

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

🖌️

Variables CSS

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

🖼️

Paleta de imagen

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

Cómo funciona el extractor de colores web

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.

🎯

Valores HEX y RGB

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

🌐

Detección de múltiples fuentes

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

📋

Exportar JSON

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

Casos de uso populares

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.

Preguntas frecuentes

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.
¿Los colores se devuelven en formato HEX?: Sí — todos los colores se devuelven con valores HEX. También se incluyen valores RGB cuando están disponibles.
¿Extrae todos los colores CSS de la hoja de estilos?: Se enfoca en propiedades personalizadas CSS (variables) con nombres que sugieren colores de marca, en lugar de extraer cada valor de color de la hoja de estilos (que pueden ser miles).
¿Puedo usarlo para investigación de marca competidora?: Sí — es una forma eficiente de identificar los colores principales y de acento de un competidor sin inspeccionar su CSS manualmente.
¿Esta herramienta es gratuita?: Sí — SmartScan es gratuito. Regístrate para obtener 1.000 escaneos/mes. Sin tarjeta de crédito.

Extraer colores de marca de cualquier sitio

Free — 1,000 scans/month. No credit card required.

Create Free Account → Try Without Account