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
- Zet alle vier percentages om naar breuken tussen 0 en 1.
- Pas eerst het key‑component toe: elk kanaal wordt geschaald met (1 − K).
- Bereken R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) en B = 255 × (1 − Y) × (1 − K).
- Rond elk kanaal af naar een geheel getal tussen 0 en 255.
Werkend voorbeeld
Bij benadering. Een scherm kan meer kleuren tonen dan inkt kan produceren, dus het RGB‑resultaat ziet er meestal helderder en verzadigder uit dan het gedrukt materiaal.
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(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) |