Извлечение палитры изображения
Перетащите картинку и получите её основные цвета — HEX, RGB и долю изображения у каждого.
Извлечение…
Перетащите изображение, и его цвета вернутся палитрой.
Как пользоваться
- Перетащите изображение на карточку, вставьте его через ⌘V или нажмите «Выбрать изображение». Палитра из HEX, RGB и доли пикселей появляется сразу — кнопку нажимать не нужно, и ничего не загружается.
- Выберите число цветов (6, 8 или 16) и способ сортировки: по доле или по оттенку. Палитра обновляется в момент изменения, повторное декодирование не нужно.
- Нажмите «Копировать» на любом образце, чтобы взять один цвет, или «Копировать как CSS» / «Копировать как JSON», чтобы забрать всю палитру. «Скачать JSON» / «Скачать текст» сохраняют её файлом. Ваш оригинал никогда не изменяется.
Пример
Пример изображения (загружен кнопкой «Загрузить пример»)
ykit-palette-ru.jpg 1200 × 800 · 53,4 КБ · градиент + текст
Палитра из 8 цветов
#235695 rgb(35, 86, 149) 12.5% #3834BE rgb(56, 52, 190) 12.5% #4355A5 rgb(67, 85, 165) 12.5% … ещё 5
Это реальные результаты медианного разрезания на русском примере изображения (2026-10-27, Chromium). Текст примера рисуется на языке страницы, поэтому китайский и арабский примеры немного отличаются по байтам и цветам середины градиента. Проценты описывают уменьшенное до 200 px изображение и округлены до одного знака — инструмент так и говорит, вместо того чтобы имитировать попиксельную точность.
Правила, ограничения и известные проблемы
- Ничего не загружается: картинка читается, уменьшается и анализируется в этой вкладке, и страница не отправляет сетевых запросов. Ваш исходный файл только читается и никогда не изменяется.
- Доля пикселей измеряется на уменьшенном изображении (длинная сторона 200 px) и округляется до одного знака; это не подсчёт каждого исходного пикселя. Из-за округления проценты могут не давать ровно 100.
- Прозрачные пиксели (alpha ниже 50%) игнорируются: они не несут цвета, и их учёт только загрязнил бы палитру. Полностью прозрачное изображение сообщает «нет видимых пикселей», а не выдумывает цвет.
- До 20 МБ и 16 мегапикселей на изображение; отказ происходит до декодирования, чтобы огромный файл не съел вкладку. Перед чтением пикселей картинка уменьшается до длинной стороны 200 px, что сохраняет быстроту извлечения, но слегка сглаживает мелкие цветовые детали.
- Кнопки «извлечь» и точной пипетки нет: инструмент сообщает доминирующую палитру, а не точный цвет под курсором, и не судит, гармоничны ли цвета.
- Только одно изображение за раз. Нет истории и ссылки, кроме чистого адреса страницы — ничего не хранится, поэтому перезагрузка начинает с нуля.
Похожие инструменты
Что обычно нужно дальше, когда цвета уже есть.