HSL imafotokoza utoto monga momwe anthu amalankhula: hue iti, momwe utoto uli colorful, komanso momwe uli bright. Kusintha HEX kukhala HSL ndi njira yachangu yopieza utoto mu mawonekedwe omwe mungasinthe — kusintha kusiyanitsa, kuchepetsa mphamvu, kapena kupanga scale yonse kuchokera pa izo.
Mmene kusintha kwa HEX kukhala HSL kumagwirira ntchito
- Sinthani code ya HEX kukhala RGB ndikugawira chanel iliyonse pa 255, kuti zonse zithe pakati pa 0 ndi 1.
- Pezani yayikulu kwambiri ndi yaying'ono kwambiri mwa ma value atatuwo. Avareji yawo ndi lightness L.
- Kusiyana pakati pawo kumayendetsa saturation S: gawani ndi (2 − max − min) kwa mitundu yowala, kapena ndi (max + min) kwa mitundu yakuuma.
- Chanel yomwe ili ndi maximum imatsimikizira hue H — red pa 0°, green pa 120°, blue pa 240° — ndipo ma chanel ena awiri amaika hue mkati mwa segimenti imeneyo.
Chitsanzo chomwe chagwira ntchito
Maths ndi yolondola, koma ma value a HSL nthawi zambiri amachotsedwa mpaka madigiri okwanira ndi ma percent. Kubwerera kotsatira kungapangitse kusiyana kwa mapazi a RGB ndi imodzi kapena ziwiri kuchokera ku choyambirira — sizikuoneka m'moyo, koma ndi bwino kudziwa ngati mukuyendetsanso mitundu mobwerezabwereza.
HEX and HSL explained
Kodi HEX ndi chiyani?
HEX ikhala nambala ya hexadecimal ya manambala asanu ndi atatu yomwe imasunga njira za red, green ndi blue za mtundu yomwe imayamba ndi #. Pa maziko, ma pair a manambala akusunga chanel imodzi, kuyambira 00 (palibe) mpaka FF (kathunthu), zomwe zimapereka mitundu 16.7 miliyoni mofanana ndi RGB koma m'kutanthauzira kofupikitsa. HEX ndiyachizolowezi mu CSS, zida za design ndi malamulo a mtundu.
- Syntax:
- #RRGGBB
- Range:
- 00–FF pa channel
- Best for:
- CSS, kupereka mapulani a design, malamulo a mtundu
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
HEX to HSL reference table
Mitundu yophweka kwambiri ya CSS, yasinthidwa kuchokera ku HEX kupita ku HSL.
| Mtundu | HEX | HSL |
|---|---|---|
| black | #000000 | hsl(0, 0%, 0%) |
| white | #FFFFFF | hsl(0, 0%, 100%) |
| red | #FF0000 | hsl(0, 100%, 50%) |
| lime | #00FF00 | hsl(120, 100%, 50%) |
| blue | #0000FF | hsl(240, 100%, 50%) |
| yellow | #FFFF00 | hsl(60, 100%, 50%) |
| orange | #FFA500 | hsl(39, 100%, 50%) |
| teal | #008080 | hsl(180, 100%, 25%) |
| purple | #800080 | hsl(300, 100%, 25%) |
| gray | #808080 | hsl(0, 0%, 50%) |