Irodori彩り

HSL to CMYK

HEX · RGB · HSL · OKLCH · Lab · CMYK

HSL to CMYK

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

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

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

Перевод HSL в CMYK

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

1

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

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

2

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

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

3

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

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

Формула

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

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

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

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

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

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

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

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

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

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