Iż-żieda ta' paletta stampata għall-web hija aktar faċli f'HSL: ladarba l-mix tal-inka jingħad bħala hue, saturazzjoni u lightness, tista' tibni hover states, tints u shades minnu fi sekondi.
Kif taħdem il-konverżjoni CMYK għal HSL
- Ikkonverti l-perċentwali tal-CMYK f’kanali sRGB bejn 0 u 255 bil-profil Coated FOGRA39.
- Iddividi l-kanali b'255 u ħu l-massimu u l-minimu tagħhom.
- L-avereġġ tal-massimu u l-minimu huwa l-lightness L, u d-distakk tagħhom jiddetermina s-saturazzjoni S.
- Il-kanaal li jkun fih il-massimu jiddetermina l-hue H f'dejgraj fuq ir-rota tal-kulur.
Eżempju mwettaq
Il-pass tal-CMYK għal RGB juża l-profil standard Coated FOGRA39, għalhekk profili oħra tal-CMYK (per eżempju dak tal-istamperija tiegħek) jagħtu numri differenti. Il-valuri tal-HSL jiġu arrotondati għal numri sħaħ.
CMYK u HSL spjegati
X'inhu CMYK?
CMYK huwa l-mudell ta' erba' inkiżiv użat fl-istampar: cyan, magenta, yellow u key (iswed), kull wieħed bħala perċentwali minn 0 sa 100. L-inki jnaqqsu d-dawl minflok ma jirrilaxxawh, għalhekk CMYK jkopri inqas kuluri minn skrin — u għalhekk il-kuluri brillanti tal-iskrin spiss jidherhom inqas vibranti wara l-istampar.
- Sintassi:
- cmyk(C%, M%, Y%, K%)
- Firxa:
- 0–100% kull inku
- L-aħjar għal:
- istampar, ippakkjar, artwork ready għal press
X'inhu HSL?
HSL jaqsmu kulur f'ċpar nagħta: hue (0–360° fuq ir-rota tal-kulur), saturation (kemm huwa kulurit, 0–100%) u lightness (kemm hu jiddi, 0–100%). Peress li kull parti tirrifletti kif in-nies jiddeskrivu l-kulur, HSL huwa l-iktar format faċli biex tibni tints, shades u palettes konsistenti — permezz ta' idejn jew fil-kodiċi.
- Sintassi:
- hsl(H, S%, L%)
- Firxa:
- 0–360°, 0–100%, 0–100%
- L-aħjar għal:
- palettes, tints u shades, theming
CMYK to HSL reference table
L-aktar kuluri CSS komuni, konvertiti minn CMYK għal HSL.
| Kulur | 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%) |