Paleti zilizoundwa kwa HSL mara nyingi zinaisha kwenye karatasi. Mbadalishaji huyu unachukua hue, saturation na lightness uliyoyachagua na kurudisha asilimia nne za wino duka la uchapishaji linavyofanya kazi nazo.
Jinsi uongozaji wa HSL hadi CMYK unavyofanya kazi
- Badilisha triple ya HSL kuwa chaneli za RGB kati ya 0 na 255.
- Sawaisha chaneli hizo kwa kugawanya kwa 255.
- Hesabu kipengele cha key K = 1 − max(R, G, B).
- Toka C, M na Y kutoka chaneli zilizobaki na badilisha zote nne kuwa asilimia.
Mfano uliofanya kazi
Kubadilisha kunafanyika mara mbili mfululizo, hivyo kuzungusha kutatokea mara mbili — na CMYK bado ni mkaribia bila profaili ya rangi. Tarajia matokeo ya kuchapishwa kuwa kidogo chini ya rangi kuliko muonekano wa HSL.
HSL na CMYK obofye
Ni nini HSL?
HSL inaigawanya rangi katika hue (0–360° kwenye gurudumu la rangi), saturation (ukali wa rangi, 0–100%) na lightness (uwazi/angaza, 0–100%). Kwa kuwa kila sehemu inafanana na jinsi watu wanavyotoa sifa za rangi, HSL ni muundo rahisi zaidi kwa kujenga tints, shades na paleti zenye muendelezo — kwa mkono au kwa code.
- Sintaksia:
- hsl(H, S%, L%)
- Wigo:
- 0–360°, 0–100%, 0–100%
- Bora kwa:
- paleti, tints na shades, theming
Ni nini CMYK?
CMYK ni modeli ya wino nne inayotumika kwenye uchapaji: cyan, magenta, yellow na key (nyeusi), kila moja kama asilimia kutoka 0 hadi 100. Wino hupunguza mwanga badala ya kuutoa, hivyo CMYK ina nafasi ndogo ya rangi kuliko skrini — ndiyo maana rangi angavu za skrini mara nyingi zinaonekana kupoteza mngʼaa zinapochapwa.
- Sintaksia:
- cmyk(C%, M%, Y%, K%)
- Wigo:
- 0–100% kwa kila wino
- Bora kwa:
- uchapaji, ufungashaji, kazi za kuchapisha tayari
HSL to CMYK reference table
Rangi za CSS zinazotumika zaidi, zimetumika kutoka HSL hadi CMYK.
| Rangi | 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%) |