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 ziteshi ze-sRGB phakathi kwe-0 ne-255 usebenzisa iprofayili ye-Coated FOGRA39.
- 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 lisebenzisa iprofayili esemgangathweni ye-Coated FOGRA39, ngoko ke iiprofayili ezahlukileyo ze-CMYK (umzekelo ezivela kwivenkile yakho yokushicilela) zinika amanani ahlukileyo. Amaxabiso e-HSL ajikelezwa abe ziinombolo ezipheleleyo.
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(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%) |