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 percent a CMYK kukhala ma channel a RGB pakati pa 0 ndi 255.
- 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
Sitepe ya CMYK kupita ku RGB kale ndi kuyembekezera ndipo ma value a HSL amagutsetsedwa ku manambala athunthu. Zotsatira ndizofanana kwambiri, osati kusintha komwe kumayang'aniridwa ndi color management.
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(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%) |