Ukuletha iphalethi yokuphrinta kuwebhu kulula nge-HSL: uma inhlanganisela ye-inki iveziwe njenge-hue, saturation kanye ne-lightness, ungakha izimo ze-hover, ama-tint nama-shade kuso ngemizuzwana.
Indlela okuhunyushwa ngayo CMYK kuya ku-HSL
- Guqula amaphesenti e-CMYK abe amashaneli e-RGB phakathi kuka-0 no-255.
- Hlukanisa iziteshi ngo-255 bese uthatha okukhulu kakhulu nokuncane kakhulu kwazo.
- Isilinganiso sokukhulu nokuncane siyilokho okukhombisa i-lightness L, kanti ukusabalala kwazo kukhuthaza i-saturation S.
- Isiteshi esiphethe okukhulu sinquma i-hue H ngamadigri esibhakabhakeni sembala.
Isibonelo esisebenzayo
Isinyathelo se-CMYK ukuya ku-RGB sesivele silinganiselwe futhi amanani e-HSL ayagingqika ezibalo eziphelele. Umphumela uyahambisana eduze, hhayi ukuguqulwa okulawulwa ngephrofayela yombala.
CMYK no-HSL kuchazwe
Iyini CMYK?
I-CMYK yimodeli yama-inki amane esetshenziswa ekuphrinteni: cyan, magenta, yellow kanye ne-key (black), ngakunye njengesibalo kusuka ku-0 kuya ku-100%. I-inki isusa ukukhanya esikhundleni sokukhipha, ngakho i-CMYK imboza imibala embalwa kunesikrini — yingakho imibala ekhanyayo yesikrini ivame ukubukeka iyinto ephansi uma iphrintiwe.
- Isakhiwo:
- cmyk(C%, M%, Y%, K%)
- Ibanga:
- 0–100% per ink
- Ilungele:
- ukuphrinta, ukupakisha, umsebenzi wokucindezela olungele iphrinta
Iyini HSL?
I-HSL ihlukanisa umbala ibe yi-hue (0–360° kukhawunta yombala), i-saturation (ubungako bombala, 0–100%) kanye ne-lightness (ukukhanya, 0–100%). Njengoba ingxenye ngayinye ihambisana nendlela abantu abachaza ngayo umbala, i-HSL iyifomethi elula kakhulu yokwakha ama-tints, ama-shades nama-palettes ahlale efana — ngesandla noma ekhodini.
- Isakhiwo:
- hsl(H, S%, L%)
- Ibanga:
- 0–360°, 0–100%, 0–100%
- Ilungele:
- ama-palettes, tints nama-shades, theming
Ithebula lokubhekisela le-CMYK kuya ku-HSL
Imibala ye-CSS evame ukusetshenziswa, iguqulwe 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%) |