Irodori彩り

CMYK to HSL

HEX · RGB · HSL · OKLCH · Lab · CMYK

CMYK to HSL

Каждый формат цвета описывает одно и то же на другом языке: HEX для стилей, RGB для экранов и кода, HSL для палитр, CMYK для печати. Выберите нужное преобразование и получите точное значение, живой просмотр и формулу.

Этот цвет во всех форматах

Один и тот же цвет в HEX, RGB, HSL и CMYK. Копируйте любое значение.

Перевод CMYK в HSL

Любое преобразование сначала нормализует CMYK в триплет sRGB (красный, зелёный, синий по шкале 0–255), а затем кодирует его как HSL. Обе записи описывают один и тот же пиксель, поэтому видимый цвет не меняется.

1

Прочитать вход

Разобрать значение CMYK на каналы (пары шестнадцатеричных цифр, числа или проценты).

2

Нормализовать в sRGB

Привести каждый канал к 0–255, чтобы ошибки округления не накапливались.

3

Закодировать в HSL

Вывести результат в записи HSL и вставить его в таблицу стилей или дизайн-инструмент.

Формула

cmyk(0%, 66%, 80%, 0%)
→ sRGB  rgb(255,87,51)
→ HSL  hsl(11, 100%, 60%)

Пример расчёта

cmyk(0%, 66%, 80%, 0%) = #FF5733 = hsl(11, 100%, 60%)

Каналы округляются до целых; для обратного перевода используйте тот же инструмент, чтобы избежать расхождений.

Таблица соответствия CMYK → HSL

Распространённые значения, пересчитанные по той же формуле.

Вход (CMYK)Результат (HSL)
cmyk(0%, 66%, 80%, 0%)hsl(11, 100%, 60%)
cmyk(66%, 69%, 0%, 10%)hsl(243, 75%, 59%)
cmyk(77%, 0%, 45%, 20%)hsl(145, 63%, 49%)
cmyk(76%, 31%, 0%, 14%)hsl(204, 70%, 53%)
cmyk(0%, 67%, 74%, 9%)hsl(6, 78%, 57%)
cmyk(86%, 0%, 12%, 32%)hsl(172, 75%, 39%)
cmyk(15%, 51%, 0%, 29%)hsl(283, 39%, 53%)
cmyk(0%, 36%, 93%, 5%)hsl(37, 90%, 51%)
cmyk(45%, 22%, 0%, 63%)hsl(210, 29%, 29%)
cmyk(0%, 87%, 58%, 9%)hsl(340, 82%, 52%)
cmyk(0%, 0%, 0%, 100%)hsl(0, 0%, 0%)
cmyk(0%, 0%, 0%, 0%)hsl(0, 0%, 100%)

Все преобразования

Частые вопросы

Меняется ли цвет при переводе CMYK в HSL?
Нет. Оба формата описывают один и тот же цвет sRGB, меняется только запись.
Почему значения HSL отличаются от другого конвертера?
Из-за округления. Другие инструменты округляют на другом шаге или используют иную белую точку; здесь действуют CSS Color 4 и D65.
Можно ли вставлять значение HSL в CSS?
Да. HSL — это нативный CSS или широко поддерживаемая запись, она работает в стилях, canvas и дизайн-инструментах.
Какой формат выбрать для печати?
Для печати — CMYK, для экрана — RGB/HEX. CMYK приблизителен, поэтому финальный макет переводите по профилю типографии.