Получить палитру из изображения

Получите основные цвета в HEX, CSS, JSON или PNG.

Изображение

Можно перетащить файл сюда

JPGPNGWebP

JPEG, PNG, WebP — до 20 МБ и 24 МП.

Данные остаются на вашем устройстве.

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

Добавьте исходные данные в редактор.
Выберите количество цветов и постройте палитру.
Проверьте результат и сохраните файл на устройство.

Пример

Цвета иллюстрации для макета

Исходные данные

Иллюстрация с несколькими крупными цветовыми областями.

Выберите 5 цветов и постройте палитру.

Что получится

Набор основных HEX-оттенков и файл палитры в выбранном формате.

Форматы и ограничения

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

На входе: JPG, PNG, WebP
Результат: TXT HEX, CSS, JSON, PNG
Основные цвета уменьшенной выборки изображения; можно выбрать 3, 5, 8, 12 или 16 цветов.

Один файл до 20 МБ, до 24 Мп и 8192 пикселей по стороне.

Это приближённая палитра, а не перечень всех пикселей или измерение печатных цветов.

Обработка выполняется на вашем устройстве. Файлы и введённые данные не отправляются серверу; после обновления страницы редактор сбрасывается.

Обработка выполняется в памяти браузера. Файлы и текст не отправляются на сервер; сохраните результат до обновления страницы. Растровое изображение до 20 МБ и 24 миллионов пикселей. Проверяйте ориентацию и цвет итоговой копии. Цвета определяются по уменьшенной выборке пикселей; это не полный каталог всех оттенков и не измерение печатных цветов.

Вопросы об инструменте

Попадёт ли каждый оттенок фотографии в палитру?

Нет. Выбираются основные группы цветов по уменьшенной выборке.

Учитываются ли полностью прозрачные пиксели?

Недостаточно непрозрачные пиксели не участвуют в подсчёте; у полностью прозрачного изображения палитра не строится.

Сколько цветов можно выбрать в редакторе?

Доступны варианты на 3, 5, 8, 12 или 16 цветов. Начните с небольшого количества, если нужны основные оттенки для макета.

Что означает доля рядом с цветом?

Это доля соответствующей цветовой группы среди учтённых пикселей уменьшенной выборки. Сумма долей выбранных цветов может быть меньше 100%, поскольку остальные группы не входят в короткую палитру.

Почему результат содержит меньше цветов, чем я выбрал?

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

Можно ли сразу использовать цвета палитры для текста и фона?

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

Получить палитру из изображения

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

Пример

Цвета иллюстрации для макета

Вопросы об инструменте

Разобраться в задаче

Как подготовить PNG из SVG-логотипа и получить его палитру

Как выбрать читаемую пару цветов для текста и фона

Может пригодиться