Mahazo aina ny misafidy loko ao amin'ny HSL, saingy ny stylesheet, ny famindrana famolavolana ary ny taratasy momba ny marika mbola mihodina amin'ny HEX. Ity mpanova ity dia mameno io banga io ary manome anao ny kaody enina-maso ho an'ny kombina rehetra amin'ny hue, saturation ary lightness.
Ahoana ny fiasan'ny fiovàna HSL ho HEX
- Avereno ho ampahany ny saturation sy lightness: ny 60% dia lasa 0.6.
- Kajio ny chroma C = (1 − |2L − 1|) × S — izany no halavan'ny loko miala amin'ny volondavenona.
- Ampiasao ny hue hametrahana ilay chroma amin'ny fantsona mena, maitso ary manga, avy eo afindra miaraka daholo amin'ny L − C/2.
- Ampitomboina amin'ny 255 ny fantsona tsirairay, afindra manakaiky (round), ary soratana ho isa heksadesimaly roa.
Ohatra efa niasa
Mitranga ny fanodinkodinana indray mandeha, amin'ny dingana farany, rehefa atomboka amin'ny sanda manontolo 0–255 ny fantsona tsirairay. Ny vokatra no kaody HEX akaiky indrindra amin'ny fampidiranao HSL ary matetika mitovy amin'izay asehon'ny fitaovana famolavolana.
HSL sy HEX fanazavana
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
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
Tabilao fampitahana HSL ho HEX
Ny loko CSS mahazatra indrindra, avadika avy amin'ny HSL ho HEX.
| Loko | 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 |