Извлечь цвета изображения

Он использует технику под названием квантование медианным разрезом: каждый пиксель рассматривается как точка в 3D-пространстве красный/зелёный/синий, наиболее многочисленная группа цветов многократно делится пополам вдоль цветового канала, который варьируется в ней больше всего, и как только групп становится столько же, сколько запрошенных цветов, каждая группа усредняется в один репрезентативный цвет. Группы с большим количеством пикселей идут первыми в результатах, поэтому палитра отражает, какую часть изображения фактически покрывает каждый цвет.

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

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

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

Да, нажмите «Копировать как переменные CSS», чтобы скопировать палитру как готовые к вставке пользовательские свойства --color-1 до --color-N, или «Копировать как список HEX» для простого списка шестнадцатеричных кодов.