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
- Normaliseer de kanalen: deel R, G en B door 255.
- Neem het grootste genormaliseerde kanaal en bereken de key K = 1 − max.
- Haal cyaan, magenta en geel af door dat zwarte aandeel te verwijderen: C = (1 − R − K) / (1 − K), enzovoort.
- Zet alle vier waarden om naar percentages tussen 0 en 100.
Werkend voorbeeld
Het is een wiskundige benadering zonder kleurprofiel. Drukkerijen gebruiken ICC‑profielen en inktlimieten, dus deze cijfers zijn een solide referentie, geen persklare scheiding.
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(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%) |