Xulashada midabka HSL waa raaxo leh, laakiin stylesheets, wareejinta naqshadaha iyo dukumentiyada sumadda wali waxay ku shaqeeyaan HEX. Kan beddelaha wuxuu buuxiyaa farqigaas wuxuuna ku siinayaa koodhka lix-dijitaal ah ee mid kasta oo hue, saturation iyo lightness ah.
Sida HSL ilaa HEX beddelku u shaqeeyo
- U beddel saturation iyo lightness jajabyo: 60% waxay noqoneysaa 0.6.
- Xisaabi chroma C = (1 − |2L − 1|) × S — taas ayaa muujineysa inta midabku ka fog yahay cawl.
- Isticmaal hue si aad chroma-gaas ugu qeybiso kanaallada cas, cagaar iyo buluug, ka dibna dhammaan saddexda kanaal u raro L − C/2.
- Kanaal kasta ku dhufo 255, dhig qiimahaas dhawaajin, oo u qor laba lambar hexadecimal ah.
Tusaale shaqeeyay
Dhawaajin ayaa dhacda hal mar, talaabada ugu dambeysa, marka kanaal kasta loo dhigo qiime buuxa 0–255. Natiijadu waa koodhka HEX ee ugu dhow gelintaada HSL oo badanaa u egyahay meesha aaladda naqshaduhu muujiso.
HSL iyo HEX sharaxan
Waa maxay HSL?
HSL waxa uu u kala qaybiyaa midabka hue (0–360° wareegga midabka), saturation (inta uu midabka badan yahay, 0–100%) iyo lightness (inta uu dhalaalayo, 0–100%). Maaddaama qayb kasta ay la jaanqaado sida dadka u tilmaamaan midabka, HSL waa qaabka ugu fudud ee lagu dhiso tints, shades iyo palettes isku mid ah — gacanta ama koodh ahaan.
- Nidaamka qoraalka:
- hsl(H, S%, L%)
- Xadka:
- 0–360°, 0–100%, 0–100%
- Ku habboon:
- palettes, tints iyo shades, theming
Waa maxay HEX?
Koodhka HEX waa lambar hexadecimal lix-tilmaamood ah oo kaydiya kanaalada casaanka, cagaaran iyo buluugga ee midabka ka danbeeya # hogaaminaya. Lammaane kasta oo labo-tilmaameed ah waxay daboolaysaa hal kanaal, laga bilaabo 00 (wanaagsan la'aan) ilaa FF (buuxa), taasoo bixisa isla 16.7 milyan oo midab sida RGB laakiin si gaaban loo qoro. HEX waa caadiga ah ee CSS, qalabka naqshadeynta iyo tilmaamaha astaanta.
- Nidaamka qoraalka:
- #RRGGBB
- Xadka:
- 00–FF per channel
- Ku habboon:
- CSS, gudbinta naqshadeynta, tilmaamaha astaanta
HSL ilaa HEX jadwal tixraac
Midabada CSS ee ugu caansan, laga beddelay HSL ilaa HEX.
| Midab | HSL | HEX |
|---|---|---|
| black | hsl(0, 0%, 0%) | #000000 |
| white | hsl(0, 0%, 100%) | #FFFFFF |
| red | hsl(0, 100%, 50%) | #FF0000 |
| lime | hsl(120, 100%, 50%) | #00FF00 |
| blue | hsl(240, 100%, 50%) | #0000FF |
| yellow | hsl(60, 100%, 50%) | #FFFF00 |
| orange | hsl(39, 100%, 50%) | #FFA600 |
| teal | hsl(180, 100%, 25%) | #007F80 |
| purple | hsl(300, 100%, 25%) | #80007F |
| gray | hsl(0, 0%, 50%) | #808080 |