Пришёл из печати и нужен тот же цвет в вебе? Конвертация CMYK в HEX даёт ближайший экранный эквивалент твоей смеси красок, готовый для вставки в CSS, Figma или бренд-лист.
Как работает конвертация CMYK в HEX
- Возьми четыре процента CMYK как количества красок для профиля Coated FOGRA39.
- Определи, какой цвет профиль печатает для этой смеси красок, с относительным колориметрическим методом рендеринга и компенсацией точки черного.
- Преобразуй этот цвет в sRGB. Цвета, которые экран не может показать, заменяются ближайшим значением, которое он способен показать.
- Округли каждый канал, запиши как две шестнадцатеричные цифры и соедини их после #.
Рабочий пример
Здесь используется стандартный профиль Coated FOGRA39, а не профиль твоей печатной машины. Другие профили CMYK (например, от твоей типографии) дают другие числа, поэтому считай результат HEX точным превью и проверяй цветопробу для брендовых цветов.
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |