RGB is additief en bestaat uit licht, CMYK is substractief en bestaat uit inkt. Converteren daartussen is de stap die elk schermontwerp doorloopt voordat het gedrukt kan worden.
Hoe RGB naar CMYK conversie werkt
- Lees R, G en B als sRGB-waarden tussen 0 en 255.
- Zoek de kleur op in het Coated FOGRA39-profiel, het standaard ICC-profiel voor gecoat papier in Europa.
- Gebruik de relatief colorimetrische renderingintentie met zwartpuntcompensatie, zodat wit papierwit blijft en zwart wordt omgezet naar de donkerste inkt die de pers kan drukken.
- Zet alle vier waarden om naar percentages tussen 0 en 100.
Werkend voorbeeld
Dit gebruikt het standaardprofiel Coated FOGRA39. Drukkerijen werken met hun eigen ICC-profielen en inktlimieten, dus andere CMYK-profielen (bijvoorbeeld van je drukkerij) geven andere getallen. Zie het resultaat als een betrouwbare referentie, niet als een drukklare kleurscheiding.
RGB en CMYK uitgelegd
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()
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
RGB naar CMYK referentietabel
De meest voorkomende CSS-kleuren, geconverteerd van RGB naar CMYK.
| Kleur | RGB | CMYK |
|---|---|---|
| black | rgb(0, 0, 0) | cmyk(89%, 78%, 62%, 97%) |
| white | rgb(255, 255, 255) | cmyk(0%, 0%, 0%, 0%) |
| red | rgb(255, 0, 0) | cmyk(0%, 95%, 92%, 0%) |
| lime | rgb(0, 255, 0) | cmyk(64%, 0%, 100%, 0%) |
| blue | rgb(0, 0, 255) | cmyk(93%, 75%, 0%, 0%) |
| yellow | rgb(255, 255, 0) | cmyk(9%, 0%, 96%, 0%) |
| orange | rgb(255, 165, 0) | cmyk(0%, 43%, 94%, 0%) |
| teal | rgb(0, 128, 128) | cmyk(83%, 27%, 48%, 12%) |
| purple | rgb(128, 0, 128) | cmyk(63%, 100%, 4%, 1%) |
| gray | rgb(128, 128, 128) | cmyk(48%, 39%, 39%, 21%) |