E whakamārama ana te HSL i tētahi tae pēnā i te kōrerotanga a te tangata: he aha te hue, e pehea te kaha o te tae, e pehea te mārama. Ko te huri i tētahi waehere HEX ki HSL te huarahi tere kia whiwhi koe i tētahi āhua ka taea e koe te whakatikatika — kia whāwhā, kia whakaiti rānei, kia hanga rānei i tētahi pae katoa mai i taua tae.
Me pēhea te hurihanga HEX ki HSL
- Hurihia te waehere HEX ki RGB ka wehehia ia hongere mā te 255, kia noho ai ngā toru ki waenga i te 0 me te 1.
- Kimihia te uara nui rawa me te iti rawa o ngā toru. Ko tā rātou toharite ko te mārama L.
- Ko te wehenga i waenga i a rātou te mea e whakatairanga ana i te wherikotanga S: whakakēhia ki (2 − max − min) mō ngā tae mārama, kia rānei ki (max + min) mō ngā tae pouri.
- Ko te hongere e mau ana i te uara nui ka whakatairite i te hue H — ko te whero i te 0°, ko te kākāriki i te 120°, ko te kahurangi i te 240° — ā, ko ngā hongere e rua e toe ana ka tū te hue ki roto i taua wehenga.
Tauira mahi
He tika te pāngarau, engari kua poroia ngā uara HSL ki ngā tohu nekehanga katoa me ngā ōrau i ngā tikanga. Nā reira, ka hoki huri anō ka tōmai pea he kotahi, he rua rānei ngā taahiraa RGB i tawhiti i te taketake — kāore e kitea i roto i te mahi, engari he mea pai kia mōhio mēnā ka huri huri koe i ngā tae auau.
Ngā whakamārama mō HEX me HSL
He aha te HEX?
He waehere HEX he nama heksadesimera e ono-matua e rokiroki ana i ngā rereketanga whero, karaka me kikorangi o tētahi tae i muri i te tohu #. Ia mātua tokorua e hipoki ana i tētahi hongere, mai i 00 (kahore) ki FF (katoa), nā reira ka whiwhi i ngā tae e 16.7 miriona rite tonu ki RGB engari he poto ake te tuhi. Ko HEX te taunoa i roto i CSS, taputapu hoahoa me ngā aratohu waitohu.
- Hōtaka:
- #RRGGBB
- Awhe:
- 00–FF mō ia hongere
- Pai mō:
- CSS, tuku hoahoa, aratohu waitohu
He aha te HSL?
Ka wewetehia e HSL tētahi tae kia hū (0–360° i runga i te wiri tae), whārite (te kaha o te tae, 0–100%) me te māramatanga (te kaha o te rama, 0–100%). Nā te mea e hāngai ana ia wāhanga ki te āhua e kōrero ai te tangata mō te tae, ko HSL te hōputu ngawari mō te hanga tints, shades me ngā papa tae tōtika — ā-ringa, ā-waehere rānei.
- Hōtaka:
- hsl(H, S%, L%)
- Awhe:
- 0–360°, 0–100%, 0–100%
- Pai mō:
- papa tae, tints me shades, kaupapa kaupapa
Ripanga tohutoro HEX ki HSL
Ngā tae CSS tino noa, kua tahuri mai i HEX ki HSL.
| Tae | 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%) |