Перейти к основному содержимому
TransConvert

Выбор цвета

palette
opacity

Выбранный цвет

Введите любое hex-значение — 3 или 6 цифр, с символом # или без него.

Настроить

R
G
B
A

Цветовые гармонии

Нажмите на любой образец, чтобы сделать его выбранным цветом.

Оттенки и затемнения

Контраст

WCAG требует соотношение 4,5:1 для обычного текста (AA) и 7:1 для AAA. Для крупного текста допустимо 3:1.

Недавние

Что здесь можно сделать

palette

Смешать цвет

colorize

Взять цвет из изображения

auto_awesome

Развейте его дальше

Другие инструменты для изображений

Часто задаваемые вопросы

Всё, что стоит знать о выборе цветов.

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

Можно ли выбрать цвет за пределами браузера?

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

Реальные меры безопасности

Несколько конкретных фактов, а не общие фразы.

cloud_off

Ничего не загружается

У этого инструмента нет серверной части. Ваше изображение считывается в браузере и никуда не отправляется.

bolt

Мгновенная работа по конструкции

Отсутствие обращения к серверу означает отсутствие очереди и ожидания — каждое изменение отображается сразу же.

shield

Ничего не сохраняется

Сохранять нечего: с этой страницы ни один файл никогда не попадает на наши серверы.

Посмотреть все наши меры безопасности →