HSL waxay sharraxaysaa midab sida ay dadka uga hadlaan: midabkee (hue), imisa midabnimo (saturation), iyo inta iftiin ah (lightness). Beddelidda koodhka HEX ilaa HSL waa habka ugu dhaqsaha badan ee midab aad si dhab ah u hagaajin karto — iftiimi, dabci, ama ka dhis miis buuxa.
Sida HEX ilaa HSL beddelku u shaqeeyo
- Beddel koodhka HEX ilaa RGB oo u qaybso kanaal kasta 255, si saddexda qiime ay u noqdaan kuwa u dhexeeya 0 iyo 1.
- Raadi qiimaha ugu weyn iyo kan ugu yar ee saddexda. Celceliskoodu waa iftiinka L.
- Kala firdhintu (spread) u dhaxaysa waxay xukuntaa saturation-ka S: u qaybso (2 − max − min) marka midabku iftiin yahay, ama (max + min) marka uu madow yahay.
- Kanaalka haysta qiimaha ugu sarreeya ayaa go'aamiya hue-ka H — cas 0°, cagaar 120°, buluug 240° — kanaallada kale ayaa hue-ka dhex dhigaya qaybtaas.
Tusaale shaqeeyay
Xisaabta waa sax, laakiin qiimayaasha HSL badanaa waa la dhawaajiyaa ilaa digrii buuxa iyo boqolkiiba. Marka dib loo rogo waxay sababi kartaa in RGB uu hal ama laba talaabo ka leexdo asalka — taasina badiyaa wax muuqda ma aha, laakiin waa muhiim in la ogaado haddii aad marar badan ku celceliso beddelidda midabada.
HEX iyo HSL sharaxan
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
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
HEX ilaa HSL jadwal tixraac
Midabada CSS ee ugu caansan, laga beddelay HEX ilaa HSL.
| Midab | 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%) |