Конвертер цветов
Введите цвет в любом формате и сразу получите все остальные форматы, готовые к копированию.
Запечатано на этом устройстве
Работает в вашем браузере. Ничего не загружается на сервер.
Запечатано
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK или название цвета CSS, например «tomato».
Все форматы
Измените любую строку — остальные подстроятся.
Превью
- Контраст на белом
- Контраст на чёрном
- Ближайшее имя CSS
Этот цвет выходит за пределы того, что может показать экран (sRGB). Значения ниже соответствуют ближайшему цвету, который экран способен отобразить.
CMYK — это простое преобразование без печатного профиля. Точные значения уточните в типографии.
Как это работает
-
Введите цвет
Вставьте код цвета в любом формате, введите название CSS или выберите цвет на образце.
-
Смотрите все форматы
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH и CMYK обновляются мгновенно. Любую строку можно и отредактировать.
-
Скопируйте нужное
Скопируйте отдельное значение его кнопкой или все форматы сразу — для заметок или гайдлайна.
Частые вопросы
Как перевести HEX в RGB?
Введите или вставьте HEX-код, с # или без, и значение RGB сразу появится. Каждая пара цифр HEX — это один канал: красный, зелёный и синий от 00 до FF, то есть от 0 до 255 в RGB.
Что такое OKLCH и зачем он нужен?
OKLCH описывает цвет через светлоту, хрому (насыщенность) и тон так, как его воспринимает человек. Если менять только светлоту, оттенок визуально остаётся тем же, поэтому OKLCH отлично подходит для построения оттенков и дизайн-систем. Современные браузеры поддерживают его в CSS.
Значение CMYK готово для печати?
Это математическое преобразование без печатного профиля ICC, поэтому оно годится как отправная точка, но не как значение для тиража. Типографии используют профили, которые зависят от бумаги и печатной машины. Для точных значений обратитесь в типографию или используйте её профиль в своей программе для дизайна.
Почему указано, что цвет скорректирован?
Форматы OKLCH, LAB и LCH могут описывать цвета ярче, чем способен показать обычный экран (sRGB). Конвертер заменяет такие цвета ближайшими отображаемыми, сохраняя тон, чтобы HEX и RGB оставались корректными.
Поддерживается ли прозрачность?
Да. Цвета с альфа-каналом, например #3442d980 или rgb(52 66 217 / 0.5), сохраняют прозрачность во всех форматах, которые её поддерживают. В CMYK прозрачности нет, поэтому показывается сплошной цвет.
Мои данные куда-то отправляются?
Нет. Все преобразования выполняются в вашем браузере. Ничего из того, что вы вводите, не загружается и не сохраняется.