RGB er additivt og består af lys, CMYK er subtraktivt og består af blæk. At konvertere mellem dem er det trin, alle skærmdesign gennemgår, før det kan trykkes.
Sådan fungerer konvertering fra RGB til CMYK
- Normalisér kanalerne: divider R, G og B med 255.
- Tag den største normaliserede kanal og beregn key K = 1 − max.
- Udled cyan, magenta og yellow ved at fjerne den sorte andel: C = (1 − R − K) / (1 − K), og tilsvarende for M og Y.
- Konvertér alle fire værdier til procenter mellem 0 og 100.
Eksempel
Det er en matematisk approximation uden farveprofil. Trykkerier bruger ICC-profiler og blækbegrænsninger, så disse tal er en solid reference, ikke en trykklar separation.
RGB og CMYK forklaret
Hvad er RGB?
RGB beskriver en farve som tre lyskilder — rød, grøn og blå — hver fra 0 til 255. Det afspejler, hvordan skærme faktisk virker: alle tre på 255 giver hvid, alle på 0 giver sort. RGB er det rigtige valg, når du skal regne med en farve, og rgba() tilføjer gennemsigtighed ovenpå.
- Syntaks:
- rgb(R, G, B)
- Område:
- 0–255 per kanal
- Bedst til:
- kode, canvas, gennemsigtighed med rgba()
Hvad er CMYK?
CMYK er fire-bleksmodellen brugt i tryk: cyan, magenta, gul og key (sort), hver som en procent fra 0 til 100. Blæk subtraherer lys i stedet for at udsende det, så CMYK dækker færre farver end en skærm — derfor ser stærke skærmfarver ofte mere matte ud, når de trykkes.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Område:
- 0–100% per blæk
- Bedst til:
- tryk, emballage, trykklar grafik
RGB til CMYK referenceoversigt
De mest almindelige CSS-farver, konverteret fra RGB til CMYK.
| Farve | 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%) |