Можно извлечь цвета по ссылке?

Да — вставьте публичную ссылку на изображение. Некоторые сайты блокируют кросс-доменную загрузку (CORS) — в этом случае надёжно работает загрузка файла.

Сколько цветов извлекается?

От 3 до 12 на выбор. Используется медианное разбиение (median cut), а близкие цвета объединяются — получается чистая полезная палитра.

Изображение отправляется на сервер?

Нет. Вся обработка выполняется полностью в браузере через Canvas API. Изображения не покидают ваше устройство.

Зачем нужны экспорты в CSS-переменные и JSON?

CSS-переменные удобно вставлять в стили для темизации. JSON пригодится для дизайн-инструментов, графиков и скриптов, которые работают с палитрами программно.

Что такое медианное разбиение (median cut)?

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

Почему палитра выглядит иначе, чем я вижу?

Две частые причины: палитра строится по площади пикселей, а не по визуальной значимости — большой фон доминирует. И удаление близких цветов объединяет похожие оттенки. Если нужна большая вариативность, увеличьте количество цветов до 10–12.

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

Извлекайте доминирующие цвета из изображения — загрузите файл или вставьте публичную ссылку. Выбирайте от 3 до 12 цветов. Для каждого цвета видно HEX, RGB, HSL и процентную долю. Экспортируйте палитру как готовые CSS-переменные или JSON.

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

Загрузите изображение или вставьте ссылку

Перетащите файл или вставьте публичный URL картинки.

Выберите число цветов

От 3 до 12 цветов в палитре.

Извлеките палитру

Инструмент анализирует изображение и выделяет доминирующие цвета.

Экспортируйте или скопируйте

Скопируйте HEX, RGB или HSL, либо экспортируйте в CSS-переменные или JSON.

Источник

Перетащите изображение или нажмите для выбора

JPG, PNG, WebP, GIF

Количество цветов6

Загрузите изображение или вставьте ссылку, чтобы извлечь палитру.

Возможности

Из файла или по ссылке

Загрузите изображение или вставьте публичный URL.

От 3 до 12 цветов

Выберите размер палитры — медианное разбиение с удалением близких цветов.

Несколько форматов

HEX, RGB, HSL и процентная доля для каждого цвета.

Экспорт в CSS-переменные и JSON

Готовые CSS-переменные или JSON для дизайн-инструментов.

Типичные сценарии

Извлечь цветовую схему из фото для дизайн-проекта
Построить палитру из логотипа бренда
Сгенерировать CSS-переменные из мудборда
Найти доминирующие цвета для темы графика