Míníonn HSL dath ar an mbealach a labhraíonn daoine air: cén hue, cé chomh dathúil, cé chomh geal. Is é an bealach is tapa chun cód HEX a thiontú go HSL ná chun dath a fháil i bhfoirm is féidir leat a mhodhnú — é a mhaolú, a dhiméadú, nó scála iomlán a thógáil uaidh.
Conas a oibríonn an t-athrú HEX go HSL
- Tiontaigh an cód HEX go RGB agus roinn gach cainéal faoi 255, ionas go bhfuil na trí luach idir 0 agus 1.
- Faigh an luach is mó agus an luach is lú den trí luach. Is é a meán an éadromas L.
- Tá an scaradh eatarthu ag tiomáint an sástachta S: roinn é le (2 − max − min) do dathanna éadroma, nó le (max + min) do dhathanna dorcha.
- Cinnteoidh an cainéal a bhfuil an uasmhéid ann an hue H — dearg ag 0°, glas ag 120°, gorm ag 240° — agus cuirtear na beirt eile an hue laistigh den tsegment sin.
Sampla oibre
Tá na matamaiticí beacht, ach de ghnáth déantar luachanna HSL a chúrsáil go céimeanna iomlána agus céatadáin. Dá bhrí sin, d’fhéadfadh sé go mbeidh athchúrsáil ar ais ceann nó dhá céim RGB i gcéin ón bhfoinse — dofheicthe i bhfeidhm, ach fiúntach le fios má tá tú ag athchúrsaíocht dathanna go minic.
HEX agus HSL mínithe
Cad é HEX?
Is cód HEX é cód seisear-dháta heicsideach a stórálann na hairíonna dearg, glas agus gorm d’aon dath taobh thiar de # tosaigh. Clúdaíonn gach péire de dhigit amháin chanáil amháin, ón 00 (níl) go dtí FF (iomlán), agus mar sin tugann sé na céadta míle dathanna céanna agus RGB i nóta níos giorra. Is é HEX an réamhshocrú i CSS, uirlisí dearaidh agus treoracha branda.
- Sintéis:
- #RRGGBB
- Raon:
- 00–FF in aghaidh na canála
- An-oiriúnach do:
- CSS, réamhchur dearaidh, treoracha branda
Cad é HSL?
Roinníonn HSL dath ina hue (0–360° ar roth dathanna), sáithiú (cé chomh dathúil, 0–100%) agus solúbthacht/nó soilsiú (cé chomh geal, 0–100%). Ós rud é go n-oireann gach cuid don tslí a chuireann daoine tuairim ar dath, is í HSL an fhormáid is éasca le tints, shades agus paláistí comhsheasmhacha a thógáil — de láimh nó i gcód.
- Sintéis:
- hsl(H, S%, L%)
- Raon:
- 0–360°, 0–100%, 0–100%
- An-oiriúnach do:
- paláistí, tints agus shades, téamáil
Tábla tagartha HEX go HSL
Na dathanna CSS is coitianta, tógtha ó HEX go HSL.
| Dath | 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%) |