Палитра цветов из изображения
Как получить палитру цветов из изображения
- Нажмите на поле выше или перетащите на него изображение.
- Выберите, сколько цветов нужно и как их упорядочить.
- Щёлкните по образцу, чтобы скопировать его HEX-код, или скопируйте всю палитру как CSS-переменные.
Частые вопросы
Как выбираются цвета?
Методом медианного сечения: все пиксели рассматриваются как одна коробка цветов, которая снова и снова делится по самому широкому каналу, пока коробок не станет столько, сколько вы запросили цветов. Каждая коробка даёт свой средний цвет. Та же идея используется, чтобы свести изображение к палитре, и она находит цвета, покрывающие картинку, а не несколько самых ярких пикселей.
Что значит процент?
Долю пикселей, попавших в эту группу цветов, поэтому он показывает, какие цвета преобладают, а какие — акценты.
Почему цвета тусклее, чем на фото?
Каждый образец — среднее по группе, поэтому фото с большим разнообразием даёт более мягкие цвета. Запросите больше цветов, чтобы группы делились дальше и цвета были чище.
Можно ли получить цвет одной точки?
Да, воспользуйтесь Пипеткой для изображений, которая считывает точный пиксель, на который вы нажали.
Моё изображение загружается на сервер?
Нет. Всё происходит в вашем браузере, поэтому файлы не покидают устройство и ничего не хранится на сервере.