01
Уточнить форму записи
Поддерживаются короткий и длинный HEX, rgb(), hsl(), hsv(), cmyk(), lab() и oklch(). При ошибке старый образец остаётся, но копирование блокируется.
Инструменты цвета
Конвертер цветов— один цвет в семи моделях
Введите HEX, RGB, HSL, HSV, CMYK, Lab или OKLCH и сравните результат.
конвертер цветов
Цвет обрабатывается в этой вкладке и не загружается на сервер.
HEX
#3B82F6RGB
rgb(59 130 246)HSL
hsl(217.2 91.2% 59.8%)HSV
hsv(217.2, 76%, 96.5%)CMYK
cmyk(76%, 47.2%, 0%, 3.5%)Lab
lab(54.619% 8.771 -65.783)OKLCH
oklch(62.308% 0.188 259.81)В цветовом охвате sRGB.
sRGB и OKLCH используют D65, CSS Lab — D50. CMYK рассчитан по формуле без профиля ICC.
Прозрачность
Семь значений обновлены.
В макете цвет указан через HEX, а в CSS нужен OKLCH. Конвертер цветов помогает увидеть числовые представления рядом с образцом и заметить разницу между исходным и экранным цветом.
HEX в RGB, RGB в HSL, конвертация OKLCH и RGB в CMYK доступны на одной странице. Конвертер цветов показывает, какие переходы остаются приблизительными.
Зачем нужен конвертер цветов
Исходные координаты и экранный цвет отдельно
Показать выход за охват
Lab и OKLCH описывают цвета вне sRGB. Конвертер цветов сохраняет исходную запись и снижает цветность OKLCH для образца и HEX, явно отмечая приближение.
Увидеть альфа-канал
HEX с четырьмя или восемью цифрами может включать прозрачность. Шахматный фон показывает её, а CSS-вывод сохраняет альфу; CMYK её не содержит.
Три проверки перед копированием
02
Сравнить альфу и охват
Ползунок альфа-канала меняет прозрачность. Для OKLCH вне sRGB сравните исходные координаты с приближённым HEX.
03
Дождаться свежего результата
Автоматический пересчёт ждёт 350 мс после ввода. В ручном режиме можно нажать Ctrl/Cmd+Enter.
Что означают семь записей
Экран и CSS
HEX, RGB и HSL дают варианты записи экранного sRGB. HSV использует ось яркости из графических редакторов.
Перцептуальные координаты
CSS Lab опирается на белую точку D50, OKLCH — на D65. Исходное значение вне охвата хранится отдельно от экранного образца.
Оценка для печати
CMYK вычисляется из sRGB по формуле; бумага, краски и профиль ICC печатной машины не учитываются.
Границы применения результатов
- Переход в sRGB бывает с потерями
- Для Lab или OKLCH вне охвата точного HEX нет. Цветность уменьшается для показа, исходное значение остаётся видимым.
- CMYK не заменяет профиль типографии
- Без ICC и настройки чёрной краски четыре процента являются оценкой, а не готовыми печатными разделениями.
- hsv() и cmyk() служат только для расчёта
- Эти записи не обещаны как универсальный CSS. Для стилей используйте HEX, rgb(), hsl(), lab() или oklch().
- Только один цвет
- Нет извлечения цвета из картинки, палитры, проверки контраста, хранения или ссылки с введённым значением.
Вопросы про конвертер цветов
Какие цветовые форматы выводит этот конвертер?
Показываются HEX, RGB, HSL, HSV, CMYK, Lab и OKLCH одновременно для одного цвета.
Что такое OKLCH и зачем в него преобразовывать?
OKLCH задаёт светлоту, цветность и оттенок более близким к восприятию способом, чем HSL.
Сохраняется ли альфа-канал?
Да. Альфа из четырёх- или восьмизначного HEX считывается; отдельный ползунок тоже меняет прозрачность.
Что происходит с цветом вне охвата sRGB?
Исходный Lab или OKLCH остаётся, а экранный sRGB получается уменьшением цветности и помечается как приближение.
Отправляются ли вводимые мной цвета на сервер?
Нет. Ввод разбирается и преобразуется локально в браузере, без загрузки и сохранения.
Остался вопрос о цвете?
Попробуйте конвертер цветов
Проверьте предупреждение о цветовом охвате и скопируйте нужную запись CSS.