Kuunza palette yeporini kuwebhu kuri nyore muHSL: kana musanganiswa weinki wavanzwika se hue, saturation uye lightness, unogona kuvaka hover states, tints uye shades kubva mazviri mumasekondi.
Maitiro ekuverenga CMYK kuenda ku HSL
- Shandura mapesenti eCMYK kuva machanel esRGB pakati pe0 ne255 neprofaira yeCoated FOGRA39.
- Patsanura machannels ne255 uye tora maximum neminimum yawo.
- Avhareji ye maximum ne minimum ndiwo lightness L, kusiyana kwawo kunotyaira saturation S.
- Channel rine maximum ndirwo runotaridza hue H mudigiri pawheel yeruvara.
Muenzaniso wakashanda
Danho reCMYK kuna RGB rinoshandisa profaira yakajairwa yeCoated FOGRA39, saka mamwe maprofaira eCMYK (semuenzaniso kubva kuchitoro chako chekudhinda) anopa manhamba akasiyana. Kukosha kweHSL kunokomberedzwa kuita manhamba akazara.
CMYK and HSL explained
Chii chinonzi CMYK?
CMYK imodeli yemainki mana inoshandiswa pakudhinda: cyan, magenta, yellow uye key (black), imwe neimwe seyero kubva pa0 kusvika 100%. Inki inobvisa chiedza panzvimbo pekuchiburitsa, saka CMYK ine mavara mashoma pane ayo anoonekwa pascreen — ndosaka mavara anopenya pascreen achiwanzotaridzika asina kusimba kana adhindwa.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Yakanakira:
- print, packaging, press-ready artwork
Chii chinonzi HSL?
HSL inopatsanura ruvara kuva hue (0–360° pachatisi chemavara), saturation (kuti riine ruvara zvakadii, 0–100%) uye lightness (kuti rine kupenya kwakadii, 0–100%). Nekuti chimwe nechimwe chikamu chinoenderana nenzira vanhu vanotsanangura ruvara, HSL ndiyo fomati iri nyore pakuvaka tints, shades uye mapaleti anoenderana — nemaoko kana mukodhi.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Yakanakira:
- palettes, tints and shades, theming
CMYK to HSL reference table
Mavara eCSS anowanzo shandiswa, akashandurwa kubva kuCMYK kuenda kuHSL.
| Ruvara | 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%) |