Ny HSL dia mamaritra loko amin'ny fomba itenenan'ny olona azy: izay hue, hatraiza ny lokony (saturation), ahoana ny mamirapiratra (lightness). Ny famadihana kaody HEX ho HSL no fomba haingana indrindra hahazoana loko azo ovaina — ahazoana maivana, mampiato, na manorina mizana manontolo avy aminy.
Ahoana ny fiasan'ny fiovàna HEX ho HSL
- Avadiho ho RGB ny kaody HEX ary zaraina amin'ny 255 ny fantsona tsirairay, ka tokony ho eo anelanelan'ny 0 sy 1 avokoa izy telo.
- Tadiavo ny lehibe indrindra sy kely indrindra amin'ireo sanda telo. Ny antonony amin'izy ireo no lightness L.
- Ny elanelana misy eo amin'izy ireo no mamaritra ny saturation S: zaraina amin'ny (2 − max − min) ho an'ny loko mazava, na amin'ny (max + min) ho an'ny loko maizina.
- Ny fantsona mitazona ny maximum no mamaritra ny hue H — mena amin'ny 0°, maitso amin'ny 120°, manga amin'ny 240° — ary ny fantsona roa hafa no mametraka ny hue ao anatin'ilay ampahany.
Ohatra efa niasa
Marina ny kajy, saingy matetika avadika ho degre manontolo sy isan-jato ny sanda HSL. Noho izany, ny famadihana miverina dia mety hahatonga fiovana iray na roa amin'ny dingana RGB — tsy hita maso amin'ny fampiharana, fa tsara ho fantatra raha manodidina loko imbetsaka ianao.
HEX sy HSL fanazavana
Inona ny HEX?
Ny kaody HEX dia isa hexadecimal enina-maso izay mitazona ny fantsona mena, maitso ary manga ao ambadik'ilay marika # eo aloha. Ny mpivady tsirairay amin'ireo isa ireo dia misolo tena fantsona iray, avy amin'ny 00 (tsy misy) ka hatramin'ny FF (feno), izay mitovy amin'ny 16.7 tapitrisa loko ao amin'ny RGB amin'ny fanoratana fohy kokoa. HEX no mahazatra amin'ny CSS, fitaovana famolavolana ary fitsipika momba ny marika.
- Sintaxy:
- #RRGGBB
- Sakany:
- 00–FF isaky ny fantsona
- Mety indrindra ho an'ny:
- CSS, fandefasana asa famolavolana, fitsipika momba ny marika
Inona ny HSL?
Manasaraka loko ny HSL ho amin'ny hue (0–360° amin'ny kodiaran'ny loko), saturation (hefatra miloko, 0–100%) ary lightness (hafanan'ny fahazavana, 0–100%). Satria mifanaraka amin'ny fomba fampitahian'ny olona loko ny ampahany tsirairay, HSL no endrika mora indrindra hanaovana tints, shades ary paleta mitovy — amin'ny tanana na amin'ny kaody.
- Sintaxy:
- hsl(H, S%, L%)
- Sakany:
- 0–360°, 0–100%, 0–100%
- Mety indrindra ho an'ny:
- paleta, tints sy shades, fanamarihana lohahevitra
Tabilao fampitahana HEX ho HSL
Ny loko CSS mahazatra indrindra, avadika avy amin'ny HEX ho HSL.
| Loko | 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%) |