Om ’n drukkpalet na die web te bring is makliker in HSL: sodra jou inkmengsel as tint, versadiging en ligtheid uitgedruk is, kan jy hover‑state, tintte en skakerings daarvan in sekondes bou.
Hoe CMYK na HSL omskakeling werk
- Skakel die CMYK-persentasies met die Coated FOGRA39-profiel om na sRGB-kanale tussen 0 en 255.
- Deel die kanale deur 255 en neem hul maksimum en minimum.
- Die gemiddelde van maksimum en minimum is die ligtheid L; hul verskil dryf die versadiging S.
- Die kanaal wat die maksimum hou bepaal die tint H in grade op die kleurwiel.
Werkende voorbeeld
Die CMYK-na-RGB-stap gebruik die standaard Coated FOGRA39-profiel, so ander CMYK-profiele (byvoorbeeld van jou drukkery) gee verskillende getalle. HSL-waardes word tot heelgetalle afgerond.
CMYK en HSL verduidelik
Wat is CMYK?
CMYK is die vier-ink model wat in drukwerk gebruik word: cyan, magenta, geel en key (swart), elk as ’n persentasie van 0 tot 100. Ink trek lig weg in plaas van dit uit te straal, so CMYK dek minder kleure as ’n skerm — daarom lyk helder skermkleure dikwels doffer wanneer hulle gedruk word.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Reeks:
- 0–100% per ink
- Beste vir:
- drukwerk, verpakking, persgereed kunswerk
Wat is HSL?
HSL verdeel ’n kleur in hue (0–360° op die kleurwiel), versadiging (hoe kleurvol, 0–100%) en ligtheid (hoe helder, 0–100%). Omdat elk van hierdie dele ooreenstem met hoe mense kleur beskryf, is HSL die maklikste formaat om tint-, skadu- en konsekwente palette te bou — met die hand of in kode.
- Sintaks:
- hsl(H, S%, L%)
- Reeks:
- 0–360°, 0–100%, 0–100%
- Beste vir:
- palette, tint- en skaduwerk, theming
CMYK na HSL verwysingstabel
Die mees algemene CSS-kleure, omgeskakel van CMYK na 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%) |