Извлечение цветовой палитры

Перетащите любое изображение. Получите его доминирующие цвета одним кликом — HEX, RGB, HSL или CSS-переменные.

🖼️ Перетащите изображение сюда или нажмите, чтобы выбрать — PNG / JPG / WebP / AVIF
Uploaded preview

Что это за Color Palette Extractor?

Этот бесплатный Color Palette Extractor читает любое изображение, которое вы перетаскиваете, сэмплирует его пиксели и выводит наиболее репрезентативные цвета с помощью алгоритма median-cut — копируйте каждый swatch как HEX, RGB или HSL, либо экспортируйте всю палитру как CSS-переменные или JSON.

Как извлечь доминирующие цвета из изображения онлайн?

Перетащите изображение в зону загрузки; инструмент декодирует его локально, запускает median-cut квантизацию и выводит палитру, которую можно копировать по одному swatch или экспортировать как CSS-переменные. Ничего не покидает ваш браузер.

Ключевые возможности

Median-cut квантизация
Статистически выведенная палитра — цвета, которые действительно представляют изображение, а не только центральный пиксель.
Три формата на swatch
Копируйте любой цвет как HEX, RGB или HSL одним кликом; активный формат синхронизируется по всей палитре.
Три формы экспорта
Простой HEX-список, готовые к вставке CSS custom-properties или структурированный JSON-массив — выбирайте, что подходит вашему toolchain.
Приватность по дизайну
Изображения декодируются в canvas и анализируются локально; ничего не загружается, так что приватные работы остаются приватными.

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

Перетащите изображение в зону загрузки или нажмите для выбора. Перетащите ползунок цветов для контроля количества записей палитры — 5 до 8 это отличный стартовый диапазон. Нажмите на любой swatch, чтобы скопировать его в активном формате, или используйте кнопки экспорта для получения всей палитры как HEX-список, CSS блок переменных или JSON.

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

Как палетный экстрактор выбирает цвета?

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

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

Нет. Изображение декодируется в canvas в вашем браузере и анализируется локально. Ничего не отправляется на сервер, так что даже приватные или невыпущенные работы можно безопасно использовать.

Какие форматы экспорта поддерживаются?

Каждый swatch копируется как HEX, RGB или HSL. Полная палитра экспортируется как HEX-список, блок CSS custom-property или JSON-массив — выбирайте, что подходит вашему дизайн-инструменту или кодовой базе.

Создано командой Tooljar с использованием классического алгоритма median-cut квантизации (Heckbert, 1982) поверх нативных Canvas API браузера — тот же подход, что и в ColorThief и фильтре Posterise GIMP, без зависимости от сторонних сервисов.