Þarf að sýna prentliti á skjá? Að umbreyta CMYK í RGB gefur ljósgrunninn samsvörun við prentprósenturnar — þau gildi sem skjár, mockup eða vefsíða geta sýnt.
Hvernig CMYK í RGB umbreyting virkar
- Breyttu öllum fjórum prósentum í brot á bilinu 0 til 1.
- Beittu fyrst lykilhlutanum: hver rás er skölpuð með (1 − K).
- Reiknaðu R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) og B = 255 × (1 − Y) × (1 − K).
- Nálgaðu hverja rás niður í heiltölu á bilinu 0 til 255.
Dæmi sem virkaði
Nálgun. Sjónsvið getur sýnt fleiri liti en blek getur framleitt, svo RGB-útkomuna lítur venjulega bjartari og mettaðri út en prentaða verkið.
CMYK og RGB útskýrt
Hvað er CMYK?
CMYK er fjór-bleks módelið sem notað er í prentun: cyan, magenta, gult og key (svart), hver sem prósenta frá 0 til 100. Blekið dregur frá ljósi í stað þess að gefa frá sér, svo CMYK nær yfir færri liti en skjár — þess vegna virðast skærir skjálitir oft daufari þegar þeir eru prentaðir.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Gildi:
- 0–100% per ink
- Best fyrir:
- prentun, umbúðir, pressu-verk
Hvað er RGB?
RGB lýsir lit sem þrjár ljósrásir — rauð, græn og blá — hver frá 0 til 255. Þetta endurspeglar hvernig skjár virkar: allar þrjár í 255 gefa hvítt, allar í 0 gefa svart. RGB er rétta valið þegar þú þarft að reikna með lit — t.d. að hreyfa eina rás, blanda litum í kóða, eða bæta gegnsæi með rgba().
- Syntaks:
- rgb(R, G, B)
- Gildi:
- 0–255 per channel
- Best fyrir:
- kóði, canvas, gegnsæi með rgba()
CMYK í RGB yfirlitstafla
Algengustu CSS-litirnir, umbreyttir frá CMYK í RGB.
| Litur | 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) |