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

Откройте изображение и за секунду получите его основные цвета с кодами и долей в картинке. Нажмите на изображение, чтобы добавить точный цвет.

Выберите изображение
Укажите число цветов и порядок
Скопируйте коды или скачайте палитру

Загрузка инструмента…

Файлы не покидают ваше устройство

Как находятся цвета

Изображение уменьшается, а пиксели группируются по похожему цвету (k-means в пространстве CIELAB, близком к восприятию глаза).
Для каждого цвета показана доля картинки, которую он занимает.
Прозрачные области PNG и WEBP не учитываются.

Использование палитры

Скопируйте один код HEX или все сразу.
CSS даёт готовые переменные (--color-1…) для сайта.
GPL подходит для GIMP и Inkscape, ASE — для программ Adobe, JSON — для кода.

Советы

Для логотипа или бренда хватит 3–5 цветов, для детального фото — 8–12. Сортировка по яркости удобна для градиентов, по тону — для порядка цветового круга.

Частые вопросы

Загружается ли моё изображение?

Нет. Цвета вычисляются в вашем браузере.

Почему цвет немного отличается?

Каждый цвет палитры — среднее группы похожих пикселей. Нажмите на изображение, чтобы взять точный пиксель.

Какие форматы можно открыть?

JPG, PNG, WEBP, GIF, BMP и AVIF.

Можно получить цвета логотипа?

Да. Выберите 3–5 цветов; прозрачный фон не учитывается.

Что такое ASE?

Adobe Swatch Exchange: импортируйте в образцы Photoshop, Illustrator или InDesign.

Одно изображение всегда даёт одну палитру?

Да, расчёт повторяем.

Как находятся цвета

Использование палитры

Советы

Частые вопросы

Похожие инструменты