Трэба паказаць друкаваны колер на экране? Пераўтварэнне CMYK у RGB дае эквівалент тваіх працэнтаў фарбаў у святле — значэнні, якія можа паказаць манітор, макет або вэб-старонка.
Як працуе пераўтварэнне з CMYK у RGB
- Пераўтвары ўсе чатыры працэнты ў дробавыя значэнні паміж 0 і 1.
- Ужый ключавы кампанент першым: кожны канал маштабуецца на (1 − K).
- Вылічы R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) і B = 255 × (1 − Y) × (1 − K).
- Акруглі кожны канал да цэлага ліку ад 0 да 255.
Прыклад
Апроксімацыя. Манітор можа паказваць больш колераў, чым можна надрукаваць фарбай, таму RGB-вынік звычайна выглядае светлейшым і больш насычаным за друкаваны аркуш.
CMYK і RGB тлумачэнне
Што такое CMYK?
CMYK — мадэль з чатырох фарбаў, якая выкарыстоўваецца ў друку: cyan, magenta, yellow і key (чорны), кожная ў працэнтах ад 0 да 100. Чарніла аднімаюць святло, а не выпраменьваюць яго, таму CMYK ахоплівае менш колераў, чым экран — таму яркія экранныя колеры часта выглядаюць блякла пасля друку.
- Сінтаксіс:
- cmyk(C%, M%, Y%, K%)
- Дыяпазон:
- 0–100% на фарбу
- Найлепш падыходзіць для:
- друк, упакоўка, макет для друку
Што такое RGB?
RGB апісвае колер як тры каналы святла — чырвоны, зялёны і сіні — кожны ад 0 да 255. Гэта адлюстроўвае тое, як на самай справе працуюць экраны: усе тры на 255 даюць белы, усе на 0 даюць чорны. RGB — правільны выбар, калі трэба лічыць з колерам, а rgba() дадае празрыстасць.
- Сінтаксіс:
- rgb(R, G, B)
- Дыяпазон:
- 0–255 на канал
- Найлепш падыходзіць для:
- код, canvas, празрыстасць з rgba()
Табліца спасылак CMYK → RGB
Найбольш распаўсюджаныя CSS‑колеры, пераўтвораныя з CMYK у RGB.
| Колер | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |