Выбор цвета
Перетащите изображение сюда
или нажмите, чтобы выбрать файл
Ничего не загружается — изображение считывается прямо в вашем браузере
Палитра из этого изображения
Выбранный цвет
Введите любое hex-значение — 3 или 6 цифр, с символом # или без него.
Настроить
Цветовые гармонии
Нажмите на любой образец, чтобы сделать его выбранным цветом.
Оттенки и затемнения
Контраст
WCAG требует соотношение 4,5:1 для обычного текста (AA) и 7:1 для AAA. Для крупного текста допустимо 3:1.
Недавние
Что здесь можно сделать
Всё работает прямо в вашем браузере — без загрузки файлов и ожидания.
Смешать цвет
Взять цвет из изображения
Развейте его дальше
Другие инструменты для изображений
Часто задаваемые вопросы
Всё, что стоит знать о выборе цветов.
help
Загружается ли моё изображение куда-либо?
Нет. У этого инструмента вообще нет серверной части — изображение считывается прямо в вашем браузере и никогда не покидает ваше устройство. Именно поэтому он работает мгновенно.
help
В чём разница между HSL и HSV?
Обе модели описывают цвет через оттенок, но по-разному измеряют остальное. Светлота в HSL идёт от чёрного через чистый цвет к белому, поэтому 50% — это самая насыщенная версия. Значение в HSV идёт от чёрного к самой яркой версии цвета, поэтому 100% значения при 100% насыщенности — это самая яркая версия. HSL обычно удобнее для подбора более светлых и тёмных вариантов; HSV точнее соответствует тому, как работает большинство цветовых полей.
help
Почему CMYK выглядит иначе, чем печатает мой принтер?
CMYK здесь — это простое преобразование из RGB без применения цветового профиля. Реальная печать зависит от конкретных чернил, бумаги и профиля, поэтому воспринимайте эти цифры как отправную точку, а не готовую к печати спецификацию.
help
Как выбирается палитра из изображения?
Методом медианного сечения: цвета изображения рассматриваются как один блок, который многократно делится вдоль канала с наибольшим разбросом значений, а каждый итоговый блок вносит своё среднее значение. Поэтому находятся действительно разные цвета, а не десяток почти одинаковых оттенков того цвета, который занимает больше всего пикселей.
help
Что показывает проверка контраста?
Соотношение между вашим цветом и белым или чёрным по формуле WCAG. Тексту обычного размера нужно как минимум 4,5:1 для уровня AA и 7:1 для AAA; крупный или жирный текст может пройти AA при 3:1. Это самый быстрый способ понять, будет ли текст этого цвета действительно читаемым.
help
Можно ли выбрать цвет за пределами браузера?
Если ваш браузер поддерживает встроенную пипетку, в режиме «Пипетка» появится кнопка, позволяющая взять цвет любого пикселя на экране. Там, где эта функция не поддерживается, кнопка остаётся скрытой, поскольку надёжного способа сделать это иначе не существует.
Реальные меры безопасности
Несколько конкретных фактов, а не общие фразы.
Ничего не загружается
У этого инструмента нет серверной части. Ваше изображение считывается в браузере и никуда не отправляется.
Мгновенная работа по конструкции
Отсутствие обращения к серверу означает отсутствие очереди и ожидания — каждое изменение отображается сразу же.
Ничего не сохраняется
Сохранять нечего: с этой страницы ни один файл никогда не попадает на наши серверы.