Skal du vise en trykfarve på skærm? At konvertere CMYK til RGB giver dig den lys-baserede ækvivalent af dine blækprocenter — de værdier en monitor, et mockup eller en webside rent faktisk kan vise.
Sådan fungerer konvertering fra CMYK til RGB
- Gør alle fire procenter om til brøker mellem 0 og 1.
- Anvend key-komponenten først: hver kanal skaleres med (1 − K).
- Beregn R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) og B = 255 × (1 − Y) × (1 − K).
- Afrund hver kanal til et helt tal mellem 0 og 255.
Eksempel
Approksimation. En skærm kan vise flere farver, end blæk kan producere, så RGB-resultatet ser normalt lysere og mere mættet ud end det trykte materiale.
CMYK og RGB forklaret
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
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()
CMYK til RGB referenceoversigt
De mest almindelige CSS-farver, konverteret fra CMYK til RGB.
| Farve | 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) |