Moet je een drukkleur op het scherm laten zien? Converteren van CMYK naar RGB geeft je het lichtgebaseerde equivalent van je inktpercentages — de waarden die een monitor, mockup of webpagina daadwerkelijk kan weergeven.
Hoe CMYK naar RGB conversie werkt
- Gebruik de vier percentages als inkthoeveelheden voor het Coated FOGRA39-profiel.
- Lees de kleur die het profiel voor die inktmix afdrukt, met de relatief colorimetrische renderingintentie en zwartpuntcompensatie.
- Zet die kleur om naar sRGB. Kleuren die een scherm niet kan tonen, worden afgekapt tot de dichtstbijzijnde waarde die het wel kan tonen.
- Rond elk kanaal af naar een geheel getal tussen 0 en 255.
Werkend voorbeeld
Het RGB-resultaat laat zien hoe deze inktmix eruitziet op gecoat papier met het standaardprofiel Coated FOGRA39. Andere CMYK-profielen (bijvoorbeeld van je drukkerij) geven andere getallen, en een gedrukt stuk gloeit nooit zoals een scherm.
CMYK en RGB uitgelegd
Wat is CMYK?
CMYK is het vier-inkmodel dat in drukwerk wordt gebruikt: cyan, magenta, geel en key (zwart), elk als een percentage van 0 tot 100. Inkt trekt licht weg in plaats van het uit te zenden, dus CMYK dekt minder kleuren dan een scherm — daarom zien felle schermkleuren er vaak doffer uit wanneer ze eenmaal gedrukt zijn.
- Syntaxis:
- cmyk(C%, M%, Y%, K%)
- Bereik:
- 0–100% per inkt
- Het meest geschikt voor:
- drukwerk, verpakking, drukklare bestanden
Wat is RGB?
RGB beschrijft een kleur als drie lichtkanalen — rood, groen en blauw — elk van 0 tot 255. Het weerspiegelt hoe schermen werken: alle drie op 255 geven wit, alle drie op 0 geven zwart. RGB is de juiste keuze wanneer je met de cijfers wilt rekenen, en rgba() voegt daar transparantie aan toe.
- Syntaxis:
- rgb(R, G, B)
- Bereik:
- 0–255 per kanaal
- Het meest geschikt voor:
- code, canvas, transparantie met rgba()
CMYK naar RGB referentietabel
De meest voorkomende CSS-kleuren, geconverteerd van CMYK naar RGB.
| Kleur | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |