Treba da prikažeš štampani ton na ekranu? Konverzija CMYK u RGB daje svetlosni ekvivalent tvojih procenata tinte — vrednosti koje monitor, mockup ili web strana zapravo mogu prikazati.
Kako funkcioniše pretvaranje CMYK u RGB
- Pretvori svih četiri procenta u razlomke između 0 i 1.
- Primeni ključni komponent prvo: svaki kanal se skalira sa (1 − K).
- Izračunaj R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) i B = 255 × (1 − Y) × (1 − K).
- Zaokruži svaki kanal na ceo broj između 0 i 255.
Praktičan primer
Aproksimacija. Ekran može prikazati više boja nego što tinta može proizvesti, pa RGB rezultat obično izgleda svetlije i zasićenije nego štampani komad.
CMYK i RGB objašnjeni
Šta je CMYK?
CMYK je model sa četiri tinte koji se koristi u štampi: cyan, magenta, yellow i key (crna), svaka izražena procentima od 0 do 100. Tinta oduzima svetlost umesto da je emituje, zato CMYK pokriva manje boja nego ekran — zato jarke boje sa ekrana često deluju bleđe kada se odštampaju.
- Sintaksa:
- cmyk(C%, M%, Y%, K%)
- Opseg:
- 0–100% po tinti
- Najbolje za:
- štampa, pakovanje, priprema za štampu
Šta je RGB?
RGB opisuje boju kao tri kanala svetla — red, green i blue — svaki u opsegu od 0 do 255. To odražava kako ekrani zapravo rade: svi kanali na 255 daju belu, svi na 0 daju crnu. RGB je pravi izbor kad treba da računaš sa bojom, a rgba() dodaje transparentnost preko toga.
- Sintaksa:
- rgb(R, G, B)
- Opseg:
- 0–255 po kanalu
- Najbolje za:
- kod, canvas, transparentnost sa rgba()
CMYK u RGB referentna tabela
Najčešće CSS boje, konvertovane iz CMYK u RGB.
| Boja | 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) |