Палитра цветов
Загрузи картинку — основные цвета · HEX / RGB / HSL и доли · копируются одним кликом
图片
提取结果
色板会显示在这里。
Частые вопросы
Сначала изображение уменьшается с выборкой (длинная сторона не более 160 пикселей, полностью прозрачные пиксели пропускаются), затем метод медианного деления группирует пиксели максимум в 8 кластеров, показываемых от наибольшей доли площади к наименьшей; каждая плашка даёт представительный цвет (среднее по кластеру) в HEX / RGB / HSL с долей, и первая плашка - основной цвет.
Немного. Медианное деление режет по ширине цветового охвата снова и снова, а число плашек задаёт число разрезов, поэтому при разных числах средний цвет каждого кластера чуть гуляет - точно так же ведут себя распространённые дизайнерские инструменты, это не ошибка.
Да. Кликни по любой плашке - скопируется её HEX; либо копируй весь набор разом (список HEX или CSS-переменные, два формата) и раскрашивай страницу или интерфейс. Каждая плашка показывает ещё и контраст с белым и чёрным текстом - удобно суждить о читаемости.
Нет. Декодирование, выборка и кластеризация идут целиком в твоём браузере (canvas) - картинка не покидает машину, перезагрузка всё стирает.