I-HSL ichaza umbala ngendlela abantu abathetha ngayo: yeyiphi hue, yonke imibala kangakanani, ulukhuni kangakanani. Ukuguqula ikhowudi ye-HEX iye ku-HSL yindlela ekhawulezayo yokufumana umbala kwifom onokuyitshintsha — uyikhanyise, uyithobe, okanye wakhe isikali esipheleleyo kwayo.
Indlela yokuguqula HEX uye ku-HSL
- Guqula ikhowudi ye-HEX ibe yi-RGB uze ulinge zonke iziteshi ngama-255, ukuze zibe phakathi kwe-0 no-1.
- Fumana exulu kunye neyona incinci kwixabiso lezi zintathu. Umndilili wazo ngowokukhanya L.
- Umahluko phakathi kwazo ulawula i-saturation S: wahlule ngo (2 − max − min) kwii-colors ezikhanyayo, okanye ngo (max + min) kwii-colors ezimnyama.
- Isiteshi esine-max sigqiba i-hue H — bomvu kwi-0°, luhlaza kwi-120°, luhlaza-lwesibhakabhaka kwi-240° — kwaye ezinye iziteshi ezimbini zibeka i-hue ngaphakathi kwelo candelo.
Umzekelo osebenzayo
Izibalo zichanekile, kodwa amaxabiso e-HSL ngokubanzi ajikelwa kube ngamadegree apheleleyo kunye neepesenti. Ukuguqula ubuyele kungabeka i-RGB kamsinya okanye amabini kude neyakho yokuqala — akunakubonwa ngokwesoftware, kodwa kufanelekile ukwazi ukuba uyaphinda-phinda uguquko lwemibala.
HEX kunye ne-HSL zichazwe
Yintoni i-HEX?
Ikhowudi ye-HEX yinombolo ye-hexadecimal eneenani ezintandathu egcina i-red, green kunye ne-blue channel yombala ngokuqala nge-. Yibini nganye yee-dijithi imele i-channel enye, ukusuka ku-00 (akukho) ukuya ku-FF (ugcino), nto leyo ebonelela ngemibala efanayo eyi-16.7 yezigidi njenge-RGB ngendlela emfutshane. I-HEX yeyona nto isetyenziswa ngokungagqibekanga kwi-CSS, izixhobo zokuyila kunye neenkcukacha zesimbo sebrand.
- Isyntax:
- #RRGGBB
- Ububanzi:
- 00–FF per channel
- Ilungele kakhulu:
- CSS, ukudluliselwa koyilo, izikhokelo ze-brand
Yintoni i-HSL?
I-HSL yahlula umbala ibe yi-hue (0–360° kwi-wheel yombala), saturation (ukuba nombala kangakanani, 0–100%) kunye ne-lightness (ukukhanya, 0–100%). Kuba ngamnye umaleko uhambelana nendlela abantu abachaza ngayo umbala, i-HSL yeyona format ilula yokudala i-tints, shades kunye neepalethi ezizinzileyo — ngesandla okanye kwi-khowudi.
- Isyntax:
- hsl(H, S%, L%)
- Ububanzi:
- 0–360°, 0–100%, 0–100%
- Ilungele kakhulu:
- ipalethi, tints kunye ne shades, theming
HEX to HSL reference table
Eyona mibala ye-CSS eqhelekileyo, iguqulelwe ukusuka ku-HEX iye ku-HSL.
| Umbala | 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%) |