Пришёл из печати и нужен тот же цвет в вебе? Конвертация CMYK в HEX даёт ближайший экранный эквивалент твоей смеси красок, готовый для вставки в CSS, Figma или бренд-лист.
Как работает конвертация CMYK в HEX
- Раздели все четыре CMYK‑процента на 100.
- Примени ключевой компонент сначала: каждый канал масштабируется на (1 − K).
- Вычисли каналы: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Округли каждый канал, запиши как две шестнадцатеричные цифры и соедини их после #.
Рабочий пример
По сути — приближение. CMYK покрывает меньший диапазон цветов, чем экран, поэтому HEX — это достоверный превью, а не цветоуправляемое совпадение — для этого нужен ICC‑профиль типографии.
CMYK и HEX объяснено
Что такое CMYK?
CMYK — модель с четырьмя красками для печати: cyan, magenta, yellow и key (чёрный), каждая указана в процентах от 0 до 100. Краски вычитают свет, а не излучают его, поэтому CMYK охватывает меньше цветов, чем экран — поэтому яркие цвета с экрана часто выглядят тусклее в печати.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Диапазон:
- 0–100% на краску
- Лучше всего для:
- печать, упаковка, макеты для печати
Что такое HEX?
HEX — шестизначное шестнадцатеричное число, которое хранит каналы красного, зелёного и синего цвета после лидирующего #. Каждая пара цифр соответствует одному каналу от 00 (нет) до FF (максимум), что даёт те же 16,7 миллиона цветов, что и RGB, но в более короткой записи. HEX — стандарт в CSS, инструментах дизайна и брендбуках.
- Синтаксис:
- #RRGGBB
- Диапазон:
- 00–FF на канал
- Лучше всего для:
- CSS, передача дизайна, брендбуки
Таблица соответствий CMYK → HEX
Наиболее распространённые цвета CSS, сконвертированные из CMYK в HEX.
| Цвет | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |