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 CMYK percentages kuve maRGB channels pakati pe0 ne255.
- 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 kuRGB ratove approximation uye maHSL values anokomberedzwa ku whole numbers. Mhedzisiro iri pedyo zvikuru, kwete conversion inotungamirirwa necolor management.
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(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%) |