Iphalethi eyakhelwe ku-HSL imvamisa iphuma ephepheni. Lo mguquli uthatha i-hue, saturation kanye ne-lightness okukhethile bese ubuyisela amaphesenti e-inki amane asebenziswayo esitolo sokuphrinta.
Indlela okuhunyushwa ngayo HSL kuya ku-CMYK
- Guqula i-HSL triple ube amashaneli e-RGB phakathi kuka-0 no-255.
- Linganisa lezo ziteshi ngokuzihlukanisa ngo-255.
- Bala i-key component K = 1 − max(R, G, B).
- Thola i-C, M kanye ne-Y kusuka kwezinye iziteshi ezisele bese uguqula wonke amane abe amaphesenti.
Isibonelo esisebenzayo
Kwenziwa ukuguqulwa okukabili emuva komunye, ngakho-ke kukhona ukugingqika okwenziwa kabili — futhi i-CMYK ihlala iyisongezo ngaphandle kwephrofayela yombala. Lindela ukuthi okushicileliwe kubonakale kuncane kunokubuka ku-HSL.
HSL no-CMYK kuchazwe
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
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
Ithebula lokubhekisela le-HSL kuya ku-CMYK
Imibala ye-CSS evame ukusetshenziswa, iguqulwe ukusuka ku-HSL iye ku-CMYK.
| Umbala | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |