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
- Konverti l-perċentwali CMYK għal kanali RGB bejn 0 u 255.
- 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 CMYK għal RGB diġà huwa approssimazzjoni u l-valuri HSL jiġu rrotundjati għal numri sħaħ. Ir-riżultat huwa qafas ħafna viċin, mhux konverżjoni immaniġġjata bil-kulur.
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(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%) |