Kubweretsa palette ya print ku web ndikosavuta mu HSL: mukangoti mix ya inki ikufotokozedwa ngati hue, saturation ndi lightness, mungapangire hover states, tints ndi shades mu masekondi.
Mmene kusintha kwa CMYK kukhala HSL kumagwirira ntchito
- Sinthani ma peresenti a CMYK kukhala ma chanelo a sRGB pakati pa 0 ndi 255 pogwiritsa ntchito mbiri ya Coated FOGRA39.
- Gawani ma channel ndi 255 ndikutsitsa value yawo yapamwamba ndi yotsika.
- Oyendera avareji ya yokulitsa ndi yotsika ndi lightness L, kufalikira kwawo kumayendetsa saturation S.
- Channel yomwe ili ndi yokulitsa imakhudza hue H mu madigiri pa wheel ya mitundu.
Chitsanzo chomwe chagwira ntchito
Gawo la CMYK kupita ku RGB limagwiritsa ntchito mbiri yokhazikika ya Coated FOGRA39, choncho mbiri zina za CMYK (mwachitsanzo kuchokera kumalo anu osindikizira) zimapereka manambala osiyana. Mitengo ya HSL timaizungulira kukhala manambala athunthu.
CMYK and HSL explained
Kodi CMYK ndi chiyani?
CMYK ndi mawonekedwe a inki zinayi omwe amagwiritsidwa ntchito pa kusindikiza: cyan, magenta, yellow ndi key (black), iliyonse monga peresenti kuchokera ku 0 mpaka 100. Inki imatchula kuwala osati kumatulutsa, choncho CMYK imatha kufunsa mitundu yochepa kuposa skrini — chifukwa chake mitundu yowala ya skrini nthawi zina imawoneka yofooka ikasindikizidwa.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% pa inki
- Best for:
- kusindikiza, zakatoni, ntchito zokonzekera kwa press
Kodi HSL ndi chiyani?
HSL imagawira mtundu kukhala hue (0–360° pa wheel ya mitundu), saturation (kuti ndi wokongola bwanji, 0–100%) ndi lightness (kuti ndi wotentha bwanji, 0–100%). Poona kuti gawo lililonse limafananira ndi momwe anthu amakhala akufotokoza mitundu, HSL ndi yosavuta kupanga tints, shades ndi mapaleti okhazikika — pamanja kapena mu code.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Best for:
- mapaleti, tints ndi shades, theming
CMYK to HSL reference table
Mitundu yophweka kwambiri ya CSS, yasinthidwa kuchokera ku CMYK kupita ku HSL.
| Mtundu | 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%) |