Ukuletha ipalethi yoprinta kwiwebhu kulula nge-HSL: xa udibaniso lwe-inki lubekwe njenge-hue, saturation kunye ne-lightness, unokwakha izimo ze-hover, i-tints kunye ne-shades kuyo ngemizuzwana.
Indlela yokuguqula CMYK uye ku-HSL
- Guqula amaphesenti e-CMYK abe ngama-channel e-RGB phakathi kwe-0 kunye ne-255.
- Yahlula ama-channel nge-255 uze uthathe owona mkhulu kunye nowona mncinyane wawo.
- Umndilili womkhulu nomncinci ngu-lightness L, ukusasazeka kwawo kudlala indima ku-saturation S.
- I-channel enomaxabiso omkhulu ichaza i-hue H kwiidigri kwiwili lombala.
Umzekelo osebenzayo
Inyathelo le-CMYK ukuya kwi-RGB sele liyi-approximation kwaye amaxabiso e-HSL ajikelezwa kwiinombolo ezipheleleyo. Isiphumo sisondelene kakhulu, hayi uguqulelo olwengqwalaselo yomthombo wombala.
CMYK kunye ne-HSL zichazwe
Yintoni i-CMYK?
I-CMYK ngumzekelo we-inki ezine osetyenziswa kuphrinto: cyan, magenta, yellow kunye ne-key (black), nganye njengipesenti ukusuka ku-0 ukuya ku-100. I-inki isusa ukukhanya endaweni yokukukhupha, ngoko ke i-CMYK ibamba imibala embalwa kune-skrini — yiyo loo nto imibala ekhanyayo yesikrini idla ngokubonakala ingacacanga xa iphrintiwe.
- Isyntax:
- cmyk(C%, M%, Y%, K%)
- Ububanzi:
- 0–100% per ink
- Ilungele kakhulu:
- ukuphrinta, ukupakisha, imisebenzi yerhafu-press elungele umsebenzi
Yintoni i-HSL?
I-HSL yahlula umbala ibe yi-hue (0–360° kwi-wheel yombala), saturation (ukuba nombala kangakanani, 0–100%) kunye ne-lightness (ukukhanya, 0–100%). Kuba ngamnye umaleko uhambelana nendlela abantu abachaza ngayo umbala, i-HSL yeyona format ilula yokudala i-tints, shades kunye neepalethi ezizinzileyo — ngesandla okanye kwi-khowudi.
- Isyntax:
- hsl(H, S%, L%)
- Ububanzi:
- 0–360°, 0–100%, 0–100%
- Ilungele kakhulu:
- ipalethi, tints kunye ne shades, theming
CMYK to HSL reference table
Eyona mibala ye-CSS eqhelekileyo, iguqulelwe ukusuka ku-CMYK iye ku-HSL.
| Umbala | 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%) |