Mapaleti opangidwa mu HSL nthawi zambiri amapita pampasa. Wosinthira uyu ukutchula hue, saturation ndi lightness yomwe mwaganizapo ndikubweretsa ma percent a inki anayi omwe print shop imagwira nawo ntchito.
Mmene kusintha kwa HSL kukhala CMYK kumagwirira ntchito
- Sinthani HSL triple kukhala ma channel a RGB pakati pa 0 ndi 255.
- Normalaizani ma channelwo pogawira ndi 255.
- Werengani key component K = 1 − max(R, G, B).
- Pangani C, M ndi Y kuchokera kuma channel omwe atasala ndi kusintha onse anayi kukhala ma percent.
Chitsanzo chomwe chagwira ntchito
Pafupifupi kusintha kawiri kumachitika, kotero phokoso la rounding limachitika kawiri — ndipo CMYK imakhalabe kuyembekezera popanda color profile. Wululirani kuti zotsatira za print zidzakhala zochepa kusiyana ndi mawonekedwe a HSL pa skrini.
HSL and CMYK explained
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
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
HSL to CMYK reference table
Mitundu yophweka kwambiri ya CSS, yasinthidwa kuchokera ku HSL kupita ku CMYK.
| Mtundu | 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%) |