Служба поддержки

Отвечаем по вопросам инструментов и оплат

🎨

Палитра цветов

Извлеките основные цвета из изображения

Палитра цветов по изображению — извлеките доминирующие цвета фото за секунду

Инструмент извлекает главные цвета фотографии или иллюстрации: 5, 8 или 12 доминирующих оттенков с HEX-кодами, RGB и HSL-значениями. Удобно для дизайнеров, маркетологов и бренд-менеджеров — анализируйте референсы, стройте палитру бренда по фото продукта, подбирайте цвета сайта под ключевую картинку.

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

Обработка локальная, в браузере. Кроме экстракции доступна пипетка «кликни по любой точке» — для точного взятия цвета. Бесплатно, без регистрации, сразу с кнопкой копирования HEX.

✓5 / 8 / 12 цветов — Выбирайте размер палитры — от минимальной до подробной.
✓HEX, RGB, HSL — Скопируйте цвет в нужном формате одним кликом.
✓Пипетка по пикселю — Кликните по любой точке изображения — получите точный цвет.
✓Экспорт в PNG — Сохраните палитру как PNG для мудборда или презентации.
✓Теория цвета — Инструмент показывает комплиментарные и триадные цвета для каждого тона.

📋

Как пользоваться

1
Загрузите изображение или вставьте URL картинки.
2
Выберите количество цветов в палитре.
3
Скопируйте HEX/RGB или экспортируйте палитру.

Встройте на свой сайт

Бесплатный виджет с бэклинком на ваш сайт

⭐Рейтинг и отзывы

Загрузка…

Количество цветов6

🎨

Загрузите изображение

✨

Возможности

🚀

5 / 8 / 12 цветов

Выбирайте размер палитры — от минимальной до подробной.

🔒

HEX, RGB, HSL

Скопируйте цвет в нужном формате одним кликом.

⚡

Пипетка по пикселю

Кликните по любой точке изображения — получите точный цвет.

🎯

Экспорт в PNG

Сохраните палитру как PNG для мудборда или презентации.

💎

Теория цвета

Инструмент показывает комплиментарные и триадные цвета для каждого тона.

🎯

Когда пригодится

▸Подобрать бренд-палитру на основе логотипа
▸Найти цвета UI под фото продукта
▸Проанализировать палитру конкурентов по их сайту
▸Сделать мудборд из референсных фотографий
▸Подобрать цвета баннера для рекламной кампании
▸Вытянуть палитру из фото интерьера для дизайна комнаты
▸Найти точный HEX с картинки без Photoshop

📦

Что поддерживается

Вход: JPG, PNG, WebP, SVG
Выход: HEX / RGB / HSL
5, 8 или 12 цветов
Экспорт: PNG, CSS, JSON

💡

Полезные советы

💡

Для лучших результатов используйте современный браузер (Chrome, Firefox, Edge)

🎯

Все файлы обрабатываются локально в вашем браузере для максимальной безопасности

⚡

Сохраняйте результат сразу после обработки

🔑

Попробуйте разные настройки для оптимального результата

❓

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

Используется алгоритм k-means: пиксели кластеризуются по цветовому сходству, и центр каждого кластера становится представительным цветом палитры.

HEX удобнее для CSS и Figma, RGB — если нужен альфа-канал (rgba), HSL — когда работаете с оттенками и насыщенностью.

Да, но для ускорения инструмент уменьшает картинку до 500px внутренне — на точность цветов это не влияет.

Если цвет занимает большую часть изображения — да. Для точного HEX известного логотипа используйте пипетку по конкретному пикселю.

Да, все операции в браузере — ни изображение, ни палитра не отправляются на сервер.

🔎