It neiweb bringe fan in drukpalet is makliker yn HSL: as dyn inktmingsel as hue, saturation en lightness útdrukt is, kinst der yn sekonden hover-steaten, tints en shades út bouwe.
Hoe konversje fan CMYK nei HSL wurket
- Konverteer de CMYK-persintaazjes nei sRGB-kanalen tusken 0 en 255 mei it Coated FOGRA39-profyl.
- Diele de kanalen troch 255 en nim harren maksimum en minimum.
- It gemiddelde fan maksimum en minimum is de lightness L; harren ferskil bestjoert de saturation S.
- It kanaal mei it maksimum bepaalt de hue H yn graden op it kleurwiel.
Wurkend foarbyld
De CMYK-nei-RGB-stap brûkt it standert Coated FOGRA39-profyl, dus oare CMYK-profilen (bygelyks fan jo drukkerij) jouwe oare getallen. HSL-wearden wurde ôfrûn op hiele getallen.
CMYK en HSL útlis
Wat is CMYK?
CMYK is it fjouwer-inkt model dat yn drukwurk brûkt wurdt: cyan, magenta, yellow en key (swart), elk as in persintaazje fan 0 oant 100. Ynkt lûkt ljocht werom yn stee fan it út te stjoeren, dus CMYK dekke minder kleuren as in skerm — dêrom lykje helder skermkleuren faak doffer as se printe wurde.
- Syntaks:
- cmyk(C%, M%, Y%, K%)
- Berik:
- 0–100% per inkt
- Bêst foar:
- druk, ferpakking, pers-klear wurk
Wat is HSL?
HSL splitst in kleur yn hue (0–360° op it kleurfiel), saturation (hoe kleurryk, 0–100%) en lightness (hoe ljocht, 0–100%). Omdat elk diel past by hoe minsken kleuren beskriuwe, is HSL it maklikste formaat foar it bouen fan tinten, shades en konsistente paletten — hânmjittich of yn koade.
- Syntaks:
- hsl(H, S%, L%)
- Berik:
- 0–360°, 0–100%, 0–100%
- Bêst foar:
- paletten, tinten en shades, theming
CMYK nei HSL referinsjetabel
De meast foarkommende CSS-kleuren, konvertearre fan CMYK nei HSL.
| Kleur | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |