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
- Set de CMYK-persintaazjes om nei RGB-kanalen tusken 0 en 255.
- 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 is al in benadering en HSL-wearden wurde ôfromd nei heule nûmers. It resultaat is in tige tichtby-oanfal, net in kleurbeheare konverzje.
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(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |