Kom je uit de drukkerij en heb je dezelfde kleur op het web nodig? CMYK naar HEX converteren geeft je het dichtstbijzijnde scherm-equivalent van je inkmengsel, klaar om in CSS, Figma of een merklijst te plakken.
Hoe CMYK naar HEX conversie werkt
- Deel alle vier de CMYK-percentages door 100.
- Pas eerst de key-component toe: elk kanaal wordt geschaald met (1 − K).
- Bereken de kanalen: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Rond elk kanaal af, schrijf het als twee hexadecimale cijfers en voeg ze samen achter een #.
Werkend voorbeeld
Per definitie een benadering. CMYK dekt een kleiner kleurbereik dan een scherm, dus het HEX-resultaat is een getrouwe preview en geen kleur-managementmatch — daarvoor heb je het ICC-profiel van de pers nodig.
CMYK en HEX 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 HEX?
Een HEX-code is een zescijferig hexadecimaal getal dat de rode, groene en blauwe kanaalwaarde van een kleur opslaat achter een voorloop-#. Elk paar cijfers staat voor één kanaal, van 00 (geen) tot FF (vol), wat dezelfde 16,7 miljoen kleuren levert als RGB in een veel kortere notatie. HEX is de standaard in CSS, ontwerp-tools en merkpagina's.
- Syntaxis:
- #RRGGBB
- Bereik:
- 00–FF per kanaal
- Het meest geschikt voor:
- CSS, design-overdracht, merkrichtlijnen
CMYK naar HEX referentietabel
De meest voorkomende CSS-kleuren, geconverteerd van CMYK naar HEX.
| Kleur | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |