Палитра цветов изображения

Перетащите изображение сюда или нажмите, чтобы выбрать

Извлеките доминирующие цвета HEX, RGB и HSL локально.

Палитра изображения полезна при создании интерфейсов, лендингов, мудбордов бренда, CSS-переменных, графики для соцсетей, презентаций и страниц товаров. Доминирующие цвета помогают выдержать единый визуальный стиль.

Загрузите логотип, скриншот, фотографию товара, иллюстрацию или образец дизайна и скопируйте полученные значения HEX, RGB, HSL и пользовательские свойства CSS. Выборка выполняется локально в браузере.

Выберите число цветов и детализацию выборки

Выберите меньше цветов для компактной палитры бренда или интерфейса и больше, если в изображении несколько важных акцентов. Точная выборка анализирует изображение подробнее, а грубая быстрее обрабатывает большие файлы. Прозрачные пиксели игнорируются и не попадают в палитру как отдельный цвет.

Как использовать результат

Извлеченные цвета — приблизительные доминирующие оттенки, а не гарантированно исходные токены дизайна или печатные значения. Проверьте контраст перед использованием в тексте и элементах управления. Можно скопировать пользовательские свойства CSS или скачать готовый .css файл для дальнейшего редактирования.