Цветовая палитра сайта
Введите адрес любого сайта и извлеките его цветовую палитру: все цвета из его таблиц стилей, отсортированные по частоте и готовые к копированию или экспорту в код.
Введите адрес сайта, чтобы извлечь его цветовую палитру.
Читаются только публичные веб-страницы, а цвета берутся из CSS, который отдаёт страница: сайт, оформленный изображениями или canvas, может вернуть меньше цветов. Бесплатно, без регистрации.
О Цветовая палитра сайта
Инструмент «Цветовая палитра сайта» показывает цвета, которые сайт действительно использует. Введите публичный веб-адрес, и страница загружается на нашей стороне, браузеры не могут читать другой сайт напрямую из-за ограничений разных источников, после чего её встроенные стили, встроенные блоки стилей и подключённые таблицы стилей сканируются на все цветовые значения.
Значения HEX, rgb(), rgba(), hsl() и hsla() приводятся к единой форме HEX и подсчитываются, так что палитра возвращается отсортированной по тому, как часто каждый цвет встречается в CSS сайта. Именно порядок по частоте отделяет настоящий основной цвет бренда от десятков одноразовых границ и теней в нижней части списка.
Каждый образец копируется одним кликом, а панель экспорта превращает результат в переменные CSS, SCSS, конфигурацию Tailwind, JSON, лист образцов SVG или простой список HEX. Инструмент бесплатный и ограничен по частоте запросов, обращается только к публичным адресам и ничего не хранит, кроме недолговечного кеша извлечения.
Как использовать Цветовая палитра сайта
- Вставьте публичный адрес сайта в поле (https:// добавляется автоматически, если вы его опустите).
- Нажмите «Извлечь цвета» и подождите немного, пока читаются страница и её таблицы стилей.
- Просмотрите палитру: цвета отсортированы по тому, как часто они встречаются в CSS сайта.
- Нажмите любой образец, чтобы скопировать его значение HEX, или используйте «Копировать всё» для всего списка.
- Откройте Экспорт, чтобы получить палитру в виде CSS, SCSS, Tailwind, JSON, SVG или простого HEX.