Извлекайте цвета бренда с любого сайта
Узнайте точную палитру любого сайта — основной цвет бренда, акцентные цвета, CSS-переменные, метатег theme-color и доминирующие цвета изображений. Значения HEX и RGB за секунды.
Для первого скана аккаунт не нужен · Результат за секунды
Цвет темы
Определяет метатег theme-color, цветовые подсказки Open Graph и цвет из manifest, чтобы найти основной цвет бренда.
CSS-переменные
Извлекает CSS-переменные с цветами (--primary, --accent, --brand и другие) из таблицы стилей сайта.
Палитра изображений
Анализирует ключевые изображения (логотип, баннеры) и с помощью обработки изображений выделяет доминирующую палитру.
Как работает экстрактор цветов сайта
Введите любой URL
Вставьте URL любого сайта — главную, страницу товара или любую другую.
SmartScan извлекает theme-color и CSS-переменные и анализирует изображения
Проверяет метатег theme-color, подсказки Open Graph и CSS-переменные, а также анализирует палитру логотипов и главных изображений.
Скачайте палитру в JSON со значениями HEX
Получите структурированный файл JSON со всеми найденными цветами: источник, HEX-код, значения RGB и роль цвета.
Значения HEX и RGB
Все извлечённые цвета возвращаются со значениями HEX (#0d9488) и RGB (13, 148, 136) — сразу готовы к работе в дизайн-инструментах.
Обнаружение из нескольких источников
Проверяет три независимых источника: метатеги HTML, CSS-переменные и анализ изображений — для максимального охвата.
JSON-экспорт
Данные о цветах сохраняются в seo/brand_colors.json — список цветов с источником, HEX, RGB и ролью.
Популярные случаи использования
Быстро определяйте точные цвета бренда любой компании — для анализа конкурентов или вдохновения.
Нужно попасть в фирменный стиль клиента? Извлеките точные коды цветов, не подбирая на глаз.
Проверьте, что CSS-переменные на вашем сайте соответствуют утверждённой палитре бренда.
Собирайте цвета брендов в больших объёмах — для дизайн-баз данных или персонализации в B2B.
Часто задаваемые вопросы
- Какие источники цвета проверяются?
- SmartScan проверяет: (1) тег
<meta name="theme-color">, (2) цветовые подсказки Open Graph, (3) CSS-переменные с «цветными» именами и (4) палитру логотипа и главных изображений. - Возвращаются ли цвета в формате HEX?
- Да — все цвета возвращаются со значениями HEX. Там, где это возможно, добавляются и значения RGB.
- Извлекает ли все CSS-цвета из таблицы стилей?
- Он берёт CSS-переменные, названия которых указывают на цвета бренда, а не выгружает каждое значение цвета из таблицы стилей — их могут быть тысячи.
- Подойдёт ли это для анализа брендов конкурентов?
- Да — это быстрый способ определить основной и акцентные цвета бренда конкурента, не разбирая его CSS вручную.
- Этот инструмент бесплатный?
- Да — SmartScan полностью бесплатен. Зарегистрируйтесь и получите 1 000 сканов в месяц. Банковская карта не нужна.
Извлечь цвета бренда с любого сайта
Бесплатно — 1 000 сканов в месяц. Банковская карта не нужна.