Экраны смешивают свет, принтеры — краски, поэтому HEX нужно перевести перед печатью. Этот конвертер даёт проценты циана, мадженты, жёлтого и ключа (K), которые максимально близко соответствуют твоему веб-цвету в печати.
Как работает конвертация HEX в CMYK
- Преобразуй HEX-код в RGB. Каналы читаются как значения sRGB от 0 до 255.
- Найди цвет в профиле Coated FOGRA39, стандартном ICC-профиле для мелованной бумаги в Европе.
- Используй относительный колориметрический метод рендеринга с компенсацией точки черного, чтобы белый оставался цветом бумаги, а черный переходил в самую темную краску, которую может напечатать печатная машина.
- Округли четыре значения красок до целых процентов. Они соответствуют европейской настройке CMYK по умолчанию в Photoshop.
Рабочий пример
Реальная печать все равно зависит от твоей бумаги, краски и печатной машины. Другие профили CMYK (например, от твоей типографии) дают другие числа, поэтому для брендовых цветов всегда проверяй цветопробу.
HEX и CMYK объяснено
Что такое HEX?
HEX — шестизначное шестнадцатеричное число, которое хранит каналы красного, зелёного и синего цвета после лидирующего #. Каждая пара цифр соответствует одному каналу от 00 (нет) до FF (максимум), что даёт те же 16,7 миллиона цветов, что и RGB, но в более короткой записи. HEX — стандарт в CSS, инструментах дизайна и брендбуках.
- Синтаксис:
- #RRGGBB
- Диапазон:
- 00–FF на канал
- Лучше всего для:
- CSS, передача дизайна, брендбуки
Что такое CMYK?
CMYK — модель с четырьмя красками для печати: cyan, magenta, yellow и key (чёрный), каждая указана в процентах от 0 до 100. Краски вычитают свет, а не излучают его, поэтому CMYK охватывает меньше цветов, чем экран — поэтому яркие цвета с экрана часто выглядят тусклее в печати.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Диапазон:
- 0–100% на краску
- Лучше всего для:
- печать, упаковка, макеты для печати
Таблица соответствий HEX → CMYK
Наиболее распространённые цвета CSS, сконвертированные из HEX в CMYK.
| Цвет | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(89%, 78%, 62%, 97%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 95%, 92%, 0%) |
| lime | #00FF00 | cmyk(64%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(93%, 75%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(9%, 0%, 96%, 0%) |
| orange | #FFA500 | cmyk(0%, 43%, 94%, 0%) |
| teal | #008080 | cmyk(83%, 27%, 48%, 12%) |
| purple | #800080 | cmyk(63%, 100%, 4%, 1%) |
| gray | #808080 | cmyk(48%, 39%, 39%, 21%) |