Ho khetha 'mala ka HSL ho phutholohile, empa stylesheet, ho fetisetsa moralo le litokomane tsa lebitso li ntse li sebetsa ka HEX. Sesebelisoa sena sa phetoho se koala seliba seo 'me se u fa khoutu ea dikarole tse tšeletseng bakeng sa 'hue', 'saturation' le 'lightness' efe kapa efe.
Mokhoa oa ho fetoha ho tloha HSL ho ea ho HEX
- Pheta 'saturation' le 'lightness' e le likarolo: 60% e fetoha 0.6.
- Bala 'chroma' C = (1 − |2L − 1|) × S — seo ke sebaka seo 'mala o leng ho sona ho tsoa ho grey.
- Sebelisa 'hue' ho beha chroma eo ho likanale tsa 'red', 'green' le 'blue', ebe u fetola tsena kaofela ka L − C/2.
- Eketsa kanaleng ka '255', o e potolohe, 'me u e ngole e le litlhaku tsa hexadecimal tse peli.
Mohlala o sebetsang
Ho potoloha ho etsahala hang feela, mohato oa ho qetela, ha kanaleng ka 'ngoe e tobetsa ho boleng bo felletseng ba 0–255. Sephetho ke khoutu ea HEX e haufi ka ho fetisisa le se kena ho HSL ea hao 'me hangata e tšoana le se sesebelisoa sa moralo se bontšang.
HSL le HEX li hlalositsoe
Ke eng HSL?
HSL e arola 'mala ka hue (0–360° letamong la mebala), saturation (bokgutshwane ba 'mala, 0–100%) le lightness (bofubelu kapa bontsho, 0–100%). Hobane karolo e ' ngoe le e ' ngoe e tšoana le mokhoa oo batho ba hlalosang mebala ka oona, HSL ke fomate e bonolo ka ho fetisisa ho aha tints, shades le palette e lumellanang — ka letsoho kapa ka khoutu.
- Sinthaxe:
- hsl(H, S%, L%)
- Mekhahlelo:
- 0–360°, 0–100%, 0–100%
- E loketse bakeng sa:
- mapalete, tints le shades, theming
Ke eng HEX?
Khoutu ea HEX ke nomoro ea hexadecimal e nang le diteme tse tšeletseng e bolokang litsela tsa red, green le blue tsa 'mala ka mora # e ka pele. Boto ka bobeli ea diteme e lefela tsela e le 'ngoe, ho tloha 00 (ha ho na) ho isa FF (ka botlalo), e fanang ka mebala e 16.7 million e tšoanang le RGB ka mokhoa o mokhutšoanyane. HEX ke eona e tloaelehileng ho CSS, lisebelisoa tsa meralo le melao-motheo ea mofuta.
- Sinthaxe:
- #RRGGBB
- Mekhahlelo:
- 00–FF ka tsela
- E loketse bakeng sa:
- CSS, ho fetisetsa moralo, melao-motheo ea mofuta
HSL to HEX reference table
Mebala e tlamehang ka CSS, e fetotsoe ho tswa ho HSL ho ea ho HEX.
| 'Mala | 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 |