Экраны смешивают свет, принтеры — краски, поэтому HEX нужно перевести перед печатью. Этот конвертер даёт проценты циана, мадженты, жёлтого и ключа (K), которые максимально близко соответствуют твоему веб-цвету в печати.
Как работает конвертация HEX в CMYK
- Преобразуй HEX в RGB и раздели каждый канал на 255.
- Вычисли ключевой (чёрный) компонент: K = 1 − max(R, G, B).
- Получай остальные краски, убирая долю чёрного: C = (1 − R − K) / (1 − K), то же для M и Y.
- Умножь все четыре значения на 100, чтобы получить проценты. Чистый чёрный сворачивается в 0/0/0/100.
Рабочий пример
Это устройство-независимое приближение. Реальная печать зависит от бумаги, чернил и ICC-профиля, так что воспринимай результат как отправную точку и обязательно проверяй отпечаток для критичных цветов бренда.
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(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |