Iipaletthi ezilungiselelwe kwi-HSL zihlala ziphumelela ephepheni. Lo mtshintshi uthatha i-hue, saturation kunye ne-lightness oyikhethileyo kwaye ubuyele ngamaphesenti e-inki amane awayefuneka yivenkile yokushicilela.
Indlela yokuguqula HSL uye ku-CMYK
- Guqula i-triple ye-HSL ibe ngama-channel e-RGB phakathi kwe-0 kunye ne-255.
- Qhelanisa ayo ma-channel ngokwahlula ngo-255.
- Bala i-key component K = 1 − max(R, G, B).
- Fumana i-C, M kunye ne-Y kwii-channel ezisele uze uguqule wonke amane abe ngamaphesenti.
Umzekelo osebenzayo
Kukho uguqulelo oluphindaphindiweyo, ngoko ukujikeleza kwenzeka kabini — kwaye i-CMYK ihlala iyisisonjululo ngaphandle kweprofayili yombala. Lindela ukuba isiphumo esiprintiweyo sibe kancinci singaqaqambanga kunokubuka kwe-HSL.
HSL kunye ne-CMYK zichazwe
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
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
HSL to CMYK reference table
Eyona mibala ye-CSS eqhelekileyo, iguqulelwe 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%) |