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
- Gebruik de vier CMYK-percentages als inkthoeveelheden voor het Coated FOGRA39-profiel.
- Lees de kleur die het profiel voor die inktmix afdrukt, met de relatief colorimetrische renderingintentie en zwartpuntcompensatie.
- Zet die kleur om naar sRGB. Kleuren die een scherm niet kan tonen, worden afgekapt tot de dichtstbijzijnde waarde die het wel kan tonen.
- Rond elk kanaal af, schrijf het als twee hexadecimale cijfers en voeg ze samen achter een #.
Werkend voorbeeld
Dit gebruikt het standaardprofiel Coated FOGRA39, niet het profiel van je pers. Andere CMYK-profielen (bijvoorbeeld van je drukkerij) geven andere getallen, dus zie het HEX-resultaat als een getrouwe preview en controleer bij merkkritieke kleuren een proefdruk.
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(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |