RGB — дадатыўны і складаецца са святла, CMYK — субтрактыўны і складаецца з фарбы. Пераўтварэнне паміж імі — тое, што робяць з дызайнам экрана перад тым, як яго можна аднесці ў друк.
Як працуе пераўтварэнне з RGB у CMYK
- Нармалізуй каналы: падзялі R, G і B на 255.
- Вызнач найвышэйшы нармалізаваны канал і вылічы ключ K = 1 − max.
- Атрымаць цыян, магенту і жоўты — выдалі тую долю чорнага: C = (1 − R − K) / (1 − K), і г.д.
- Пераўтвары ўсе чатыры значэнні ў працэнты ад 0 да 100.
Прыклад
Гэта матэматычная апраксімацыя без каляровага профілю. Друкарні карыстаюцца ICC-профілямі і абмежаваннямі фарбаў, таму гэтыя лічбы — надзейная спасылка, а не гатовая да друку сепарацыя.
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(0%, 0%, 0%, 100%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 100%, 100%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(100%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(100%, 100%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(0%, 0%, 100%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 35%, 100%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(100%, 0%, 0%, 50%) |
| purple | rgb(128, 0, 128) | cmyk(0%, 100%, 0%, 50%) |
| gray | rgb(128, 128, 128) | cmyk(0%, 0%, 0%, 50%) |