HSL jiddeskrivi kulur kif in-nies jitkellmu dwaru: liema hue, kemm hu kolorat, kemm hu dawl. Il-konverżjoni ta’ kodiċi HEX għal HSL hija l-iktar mod malajr kif tagħti kulur f’forma li verament tista’ tbiddel — ifejjaqlu, ittaffi, jew tibni skala sħiħa minnha.
Kif taħdem il-konverżjoni HEX għal HSL
- Ikkonverti l-kodiċi HEX għal RGB u aqsmu kull kanal b’255, biex it-tliet valuri jkunu bejn 0 u 1.
- Sib l-akbar u l-iżgħar mit-tliet valuri. L-medja tagħhom hi l-lightness L.
- Id-differenza bejniethom tiddetermina s-saturazzjoni S: aqsmuha b’(2 − max − min) għall-kuluri ċari, jew b’(max + min) għal dawk skuri.
- Il-kanal li fih il-valur massimu jiddeċiedi l-hue H — aħmar f’0°, aħdar f’120°, blu f’240° — u ż-żewġ kanali l-oħra jpoġġu l-hue ġewwa dak is-segment.
Eżempju mwettaq
Il-matematika hija eżatta, imma l-valuri HSL normalment jiġu mdawra għal gradi sħaħ u perċentwali. Konverżjoni lura tista’ għalhekk tobbligak fuq pass jew żewġ passi fil-RGB mis-sors oriġinali — mhux viżibbli fil-prattika, imma tajjeb tkun taf jekk tagħmel round-trip tal-kuluri spiss.
HEX u HSL spjegati
X'inhu HEX?
Kodiċi HEX huwa numru esadesimali ta' sitt ċifri li jżomm il-kanal aħmar, aħdar u blu ta' kulur wara # quddiem. Kull par ta' ċifri jkopri kanal wieħed, minn 00 (ebda) sa FF (sħiħ), li jipprovdi l-istess 16.7 miljun kulur bħar-RGB fi notazzjoni ħafna aktar korta. HEX huwa l-default f'CSS, għodod ta' disinn u linji gwida tal-marka.
- Sintassi:
- #RRGGBB
- Firxa:
- 00–FF kull kanal
- L-aħjar għal:
- CSS, handoff tad-disinn, linji gwida tal-marka
X'inhu HSL?
HSL jaqsmu kulur f'ċpar nagħta: hue (0–360° fuq ir-rota tal-kulur), saturation (kemm huwa kulurit, 0–100%) u lightness (kemm hu jiddi, 0–100%). Peress li kull parti tirrifletti kif in-nies jiddeskrivu l-kulur, HSL huwa l-iktar format faċli biex tibni tints, shades u palettes konsistenti — permezz ta' idejn jew fil-kodiċi.
- Sintassi:
- hsl(H, S%, L%)
- Firxa:
- 0–360°, 0–100%, 0–100%
- L-aħjar għal:
- palettes, tints u shades, theming
HEX to HSL reference table
L-aktar kuluri CSS komuni, konvertiti minn HEX għal HSL.
| Kulur | 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%) |