RGB — адитивний, він про світло; CMYK — субтрактивний, він про фарбу. Перетворення між ними — крок, який проходить будь-який дизайн з екрана перед тим, як його надрукують.
Як працює конвертація RGB у CMYK
- Прочитай R, G і B як значення sRGB від 0 до 255.
- Знайди колір у профілі Coated FOGRA39, стандартному ICC-профілі для крейдованого паперу в Європі.
- Використовуй відносний колориметричний метод відтворення з компенсацією чорної точки, тож білий залишається білим папером, а чорний переходить у найтемніше чорнило, яке може надрукувати друкарська машина.
- Перетвори всі чотири значення у відсотки від 0 до 100.
Приклад роботи
Тут використовується стандартний профіль Coated FOGRA39. Друкарні працюють зі своїми ICC-профілями та обмеженнями чорнил, тому інші профілі CMYK (наприклад, від твоєї друкарні) дають інші числа. Сприймай результат як надійний орієнтир, а не як готовий до друку кольороподіл.
RGB і CMYK пояснено
Що таке RGB?
RGB описує колір трьома каналами світла — червоний, зелений і синій — кожен від 0 до 255. Це відображає, як працюють екрани: усі три на 255 дають білий, всі на 0 — чорний. RGB підходить, коли треба рахувати з кольором (анімація одного каналу, змішування в коді), а rgba() додає прозорість.
- Синтаксис:
- rgb(R, G, B)
- Діапазон:
- 0–255 для кожного каналу
- Краще підходить для:
- код, canvas, прозорість з rgba()
Що таке CMYK?
CMYK — модель із чотирьох фарб, що використовується в друці: cyan, magenta, yellow і key (чорний), кожна як відсоток від 0 до 100. Фарба віднімає світло замість його випромінення, тому CMYK охоплює менше кольорів, ніж екран — отже яскраві екранівські кольори часто виглядають тьмянішими після друку.
- Синтаксис:
- cmyk(C%, M%, Y%, K%)
- Діапазон:
- 0–100% для кожної фарби
- Краще підходить для:
- друк, упаковка, підготовлені до друку макети
Таблиця відповідностей RGB → CMYK
Найпоширеніші CSS-кольори, конвертовані з RGB у CMYK.
| Колір | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |