Rabiš pokazati tiskano barvo na zaslonu? Pretvorba CMYK v RGB ti da svetlobni ekvivalent odstotkov črnila — vrednosti, ki jih lahko prikaže monitor, mockup ali spletna stran.
Kako poteka pretvorba iz CMYK v RGB
- Vse štiri odstotke spremeni v ulomke med 0 in 1.
- Uporabi najprej ključni komponent: vsak kanal se skalira z (1 − K).
- Izračunaj R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) in B = 255 × (1 − Y) × (1 − K).
- Vsak kanal zaokroži na celo število med 0 in 255.
Delujoč primer
Aproksimativno. Zaslon lahko prikaže več barv, kot jih črnilo lahko proizvede, zato RGB rezultat navadno deluje svetlejše in bolj nasičeno kot natisnjen izdelek.
CMYK in RGB pojasnjeno
Kaj je CMYK?
CMYK je model s štirimi črnili, uporabljen v tiskanju: cyan, magenta, yellow in key (črna), vsak kot odstotek od 0 do 100. Črnila odštevajo svetlobo namesto da bi jo oddajala, zato CMYK zajema manj barv kot zaslon — zato se žive barve na zaslonu pogosto zdijo bolj dolgočasne, ko jih natisneš.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Območje:
- 0–100% na črnilo
- Najbolj primerno za:
- tisk, embalaža, priprava za tisk
Kaj je RGB?
RGB opisuje barvo kot tri komponente svetlobe — rdeča, zelena in modra — vsaka od 0 do 255. Odraža, kako zasloni dejansko delujejo: vse tri pri 255 dajo belo, vse pri 0 dajo črno. RGB je prava izbira, kadar moraš računati z barvo, rgba() pa doda prosojnost.
- Sintaksa:
- rgb(R, G, B)
- Območje:
- 0–255 na kanal
- Najbolj primerno za:
- koda, canvas, prosojnost z rgba()
Tabela za CMYK v RGB
Najpogostejše CSS barve, pretvorjene iz CMYK v RGB.
| Barva | 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) |