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

Извлекайте цвета бренда с любого сайта

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

🎨

Тематический цвет

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

🖌️

CSS-переменные

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

🖼️

Палитра изображений

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

Как работает экстрактор цветов сайта

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

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

🌐

Обнаружение из нескольких источников

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

📋

JSON-экспорт

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

Часто задаваемые вопросы

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.
Возвращаются ли цвета в формате HEX?: Да — все цвета возвращаются со значениями HEX. Значения RGB также включаются там, где доступны.
Извлекает ли все CSS-цвета из таблицы стилей?: Фокусируется на CSS-переменных, названия которых предполагают цвета бренда, а не извлекает каждое значение цвета из таблицы стилей (которых может быть тысячи).
Могу ли я использовать для исследования бренда конкурентов?: Да — это эффективный способ определить основные и акцентные цвета бренда конкурента без ручной проверки CSS.
Этот инструмент бесплатный?: Да — SmartScan бесплатен. Зарегистрируйтесь для 1 000 сканов/мес. Кредитная карта не нужна.

Извлечь цвета бренда с любого сайта

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

Create Free Account → Try Without Account