Schermen mengen licht, printers mengen inkt — dus een HEX-code moet vertaald worden voordat iets naar druk gaat. Deze converter geeft je de cyan-, magenta-, yellow- en key-percentages die je webkleur zo goed mogelijk benaderen binnen wat inkt kan.
Hoe HEX naar CMYK conversie werkt
- Converteer de HEX-code naar RGB en deel elk kanaal door 255.
- Bereken de key (zwart) component: K = 1 − max(R, G, B).
- Bepaal de andere inkten door dat zwarte aandeel te verwijderen: C = (1 − R − K) / (1 − K), en dezelfde formule voor magenta en yellow.
- Vermenigvuldig alle vier de waarden met 100 om percentages te krijgen. Zuiver zwart wordt 0/0/0/100.
Werkend voorbeeld
Dit is een apparaat-onafhankelijke benadering. Echt drukken hangt af van papier, inkt en een ICC-kleurprofiel, dus beschouw het resultaat als een startpunt en controleer altijd een proefdruk voor merkkritische kleuren.
HEX en CMYK uitgelegd
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
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
HEX naar CMYK referentietabel
De meest voorkomende CSS-kleuren, geconverteerd van HEX naar CMYK.
| Kleur | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |