Paletten die in HSL zijn ontworpen belanden vaak op papier. Deze converter neemt de hue, saturation en lightness die je koos en geeft de vier inktpercentages terug waarmee een drukker werkt.
Hoe HSL naar CMYK conversie werkt
- Zet de HSL‑driehoek om naar RGB‑kanalen tussen 0 en 255.
- Lees ze als sRGB-waarden en zoek de kleur op in het Coated FOGRA39-profiel.
- Gebruik de relatief colorimetrische renderingintentie met zwartpuntcompensatie, zodat wit papierwit blijft en zwart wordt omgezet naar de donkerste inkt die de pers kan drukken.
- Rond de vier inktwaarden af op hele percentages. Ze volgen de Photoshop-standaardinstelling voor CMYK in Europa.
Werkend voorbeeld
Er vinden twee conversies achter elkaar plaats, dus er wordt twee keer afgerond, en de CMYK-stap gebruikt het standaardprofiel Coated FOGRA39. Andere CMYK-profielen (bijvoorbeeld van je drukkerij) geven andere getallen. Verwacht dat het gedrukte resultaat iets minder levendig is dan de HSL-preview.
HSL en CMYK uitgelegd
Wat is HSL?
HSL splitst een kleur in hue (0–360° op het kleurwiel), saturation (hoe kleurrijk, 0–100%) en lightness (hoe helder, 0–100%). Omdat elk deel overeenkomt met hoe mensen kleur beschrijven, is HSL het makkelijkste formaat om tinten, schaduwen en consistente paletten te bouwen — handmatig of in code.
- Syntaxis:
- hsl(H, S%, L%)
- Bereik:
- 0–360°, 0–100%, 0–100%
- Het meest geschikt voor:
- paletten, tinten en schaduwen, theming
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
HSL naar CMYK referentietabel
De meest voorkomende CSS-kleuren, geconverteerd van HSL naar CMYK.
| Kleur | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |