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

Извлечь основные цвета фото и скопировать их как HEX, CSS или Tailwind

Файлы не покидают устройство
Работает в браузере
Бесплатно, без регистрации и водяных знаков

Drop an image here, or click to choose

Поддерживается JPG, PNG, WebP, GIF, HEIC, AVIF · Можно также вставить через Ctrl+V / ⌘V

Как пользоваться: Палитра из изображения

Извлеките основные цвета из фото или скриншота, от 3 до 16, каждый с его долей изображения. Также выбираются роли образцов в стиле Android (насыщенные и приглушённые, светлые и тёмные) и экспорт в CSS, Tailwind, JSON, GIMP .gpl или Adobe .ase.

1
Перетащите изображение (JPG, PNG, WebP, GIF, HEIC или AVIF) или нажмите, чтобы выбрать его.
2
Двигайте ползунок «Цвета», чтобы выбрать от 3 до 16 цветов, и сортируйте по заметности, оттенку или светлоте.
3
Наведите на образец или изображение, чтобы увидеть, где проявляется каждый цвет, и нажмите образец, чтобы скопировать его HEX.
4
В «Экспорте» выберите HEX, CSS, Tailwind или JSON и скопируйте код либо скачайте GIMP / Inkscape (.gpl) или Adobe (.ase).

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

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

Нет. Изображение декодируется и анализируется в браузере и не покидает устройство.

Как выбираются цвета?

Инструмент запускает взвешенную кластеризацию k-means в OKLab на копии изображения, уменьшенной максимум до 256 px, поэтому каждый цвет представляет область, а не один пиксель. Для точного пикселя используйте «Пипетку цвета».

Почему у роли образца сказано «Нет»?

Роли выбираются из 16 цветов-кандидатов так же, как Palette API Android. Если кандидат не подходит, например насыщенный цвет на сером фото, роль остаётся пустой.

Считаются ли прозрачные области?

Нет. Прозрачные пиксели игнорируются, поэтому логотип на прозрачном фоне даёт только цвета логотипа.

Можно ли использовать палитру в Photoshop или GIMP?

Да. Скачайте Adobe (.ase), чтобы загрузить её как образцы в приложениях Adobe, или GIMP / Inkscape (.gpl) для GIMP и Inkscape.