Екрани змішують світло, принтери — чорнило, тому HEX-код потрібно перекласти перед друком. Цей конвертер дає відсотки циану, мадженти, жовтого і ключа, які максимально близькі до твого веб-кольору в межах можливостей друку.
Як працює конвертація HEX у CMYK
- Перетвори HEX у RGB і поділи кожен канал на 255.
- Обчисли ключевий (чорний) компонент: K = 1 − max(R, G, B).
- Отримай інші фарби, прибравши цю частку чорного: C = (1 − R − K) / (1 − K), та так само для мадженти і жовтого.
- Помнож всі чотири значення на 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%) |