Как пользоваться
- 1Перетащите фото в поле или нажмите, чтобы выбрать; сначала показан пример изображения.
- 2Задайте число цветов от 3 до 16 и выберите метод k-средних или медианное сечение.
- 3Отсортируйте цвета по доле или по светлоте и скопируйте любой HEX-код одним нажатием.
- 4Экспортируйте палитру как CSS-переменные, JSON или полосу цветов в PNG.
Как находятся основные цвета
Изображение уменьшается, а пиксели группируются в перцептивном цветовом пространстве (CIELAB). Метод k-средних объединяет оттенки, которые глаз видит похожими, и обычно даёт самую естественную палитру. Медианное сечение раз за разом делит цветовой диапазон пополам и даёт равномерное распределение, которое ловит и небольшие, но заметные акценты. У каждого цвета указана его доля в процентах.
Для художников, дизайнеров и ремонта
Спланируйте замесы перед этюдом пейзажа, возьмите цвета для сайта с фирменного фото или найдите идеи для стен и текстиля на снимке понравившейся комнаты. Цвет на экране — не выкраска: монитор, свет и камера его искажают, поэтому перед покупкой краски всегда сверяйтесь с каталогом производителя.
Изображение остаётся на устройстве
Все вычисления идут в браузере, в фоновом потоке (Web Worker). Фото не отправляется на сервер, так что инструментом можно пользоваться и для клиентских проектов, и для личных снимков.
Частые вопросы
Как узнать код цвета с картинки?
Добавьте картинку — основные цвета появятся с кодами HEX (#rrggbb) и RGB. Кнопкой копирования код можно сразу вставить в Photoshop, Canva, Figma или CSS.
Сколько цветов выбирать?
Для общей палитры хватит 5–6 цветов. Если нужно увидеть тональные переходы для живописи, выберите 10–16.
Чем k-средних отличается от медианного сечения?
K-средних объединяет визуально похожие цвета и даёт естественный результат. Медианное сечение быстрее и делит диапазон поровну, поэтому находит мелкие акцентные цвета.
Совпадёт ли цвет с выкраской краски?
Нет. Цвет на экране зависит от монитора и освещения на фото. Используйте результат как приблизительный ориентир и сверяйте с печатным каталогом цветов.
Результаты не радуют?
Обратитесь в Webin Agency: быстрые сайты с SEO-оптимизацией, интернет-магазины и ведение Google Ads.