HSL e hlalosa 'mala ka tsela eo batho ba buang ka eona: ke 'hue' efe, e na le 'colorful' hokae, 'brightness' ke bokae. Ho fetola khoutu ea HEX ho HSL ke tsela e potlakileng ea ho fumana 'mala ka mokhoa o ka u thusang ho o fetola — o o lesesa, o o phonyoha kapa o thehe lekala lohle ho tsoa ho eona.
Mokhoa oa ho fetoha ho tloha HEX ho ea ho HSL
- Fetola khoutu ea HEX ho RGB 'me u arole kanaleng e 'ngoe le e 'ngoe ka 255, hore tsona kaofela li be lipakeng tsa 0 le 1.
- Fumana kholo ka ho fetisisa le nyane ka ho fetisisa ea lintlha tse tharo. Likala tsa tsona ke 'lightness' L.
- Phapang pakeng tsa tsona e etsa 'saturation' S: e arolehe ka (2 − max − min) bakeng sa mebala e khanyang, kapa ka (max + min) bakeng sa e lefifi.
- Kanaleng e nang le boleng bo boholo e fana ka 'hue' H — khubelu ho 0°, 'green' ho 120°, 'blue' ho 240° — 'me likanale tse ling tse peli li beha 'hue' ka hare ho segmente seo.
Mohlala o sebetsang
Lipalo li nepile, empa boleng ba HSL hangata bo pota-potiloe ho digrease tse felletseng le liperesente. Ho fetola hape ho ka siea phapang e le mohato o le mong kapa o mabeli oa RGB ho tloha pele — ha ho bonahale ts'ebetsong, empa ho bohlokoa ho tseba haeba o etsa liphetoho khafetsa.
HEX le HSL li hlalositsoe
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
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
HEX to HSL reference table
Mebala e tlamehang ka CSS, e fetotsoe ho tswa ho HEX ho ea ho HSL.
| 'Mala | 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%) |