Как это работает
Выберите фото, логотип или скриншот, и его основные цвета будут найдены алгоритмом median cut, который многократно делит цвета изображения на группы равного размера. Каждый цвет показывает свой HEX-код и долю площади изображения, а всю палитру можно скопировать как CSS-переменные.
Image → colors grouped by similarity → average color of each group
Хорошие применения
- Создать палитру бренда или сайта из фото товара.
- Подобрать цвета слайдов, постера или миниатюры под изображение.
- Найти точные цвета логотипа или иллюстрации.
Советы
- Меньше цветов даёт доминирующие тона; больше цветов показывает акценты.
- Прозрачные области PNG-изображений игнорируются.
- Изображение анализируется на вашем устройстве и никогда не загружается.
Стандарты и источники
- Квантование цветов использует алгоритм median cut (Heckbert, 1982)
- Цвета указываются в sRGB согласно CSS Color Module Level 4
Last reviewed 7 октября 2026 г.
Часто задаваемые вопросы
Как выбираются основные цвета?
Алгоритм median cut многократно делит цвета изображения на группы и берёт среднее каждой группы, поэтому частые цвета выделяются.
Сколько цветов извлекать?
Четыре–шесть дают общее настроение; восемь–двенадцать также улавливают мелкие акценты.
Работает ли это с логотипами и скриншотами?
Да. Плоские изображения дают очень точные цвета, а прозрачные области PNG игнорируются.
Моё изображение загружается?
Нет. Изображение уменьшается и анализируется внутри браузера и никогда не покидает устройство.
Можно ли использовать цвета в CSS?
Да. Скопируйте блок CSS-переменных или нажмите на цвет, чтобы скопировать его HEX-код.