Tha HSL a’ mìneachadh dath mar a bhios daoine ga bhruidhinn: dè an hue, cia mheud dathness, cia mheud soilleireachd. Tha tionndadh còd HEX gu HSL na dhòigh as luaithe air dath a thoirt gu cruth as urrainn dhut a dheasachadh — a dhèanamh nas aotrom, nas blàth, no sreath slàn a thogail bhuaithe.
Mar a tha tionndadh HEX gu HSL ag obair
- Thionndaidh an còd HEX gu RGB agus roinn gach sianal le 255, gus am bi iad uile eadar 0 agus 1.
- Lorg an luach as motha agus an luach as lugha den triùir. ’S e an cuibheas aca an soilleireachd L.
- Tha an sgaoileadh eadar an dà fhear a’ stiùireadh an sàthaichte S: roinn e le (2 − max − min) airson dathan aotrom, no le (max + min) airson dathan dorcha.
- Bidh an sianal a tha a’ cumail a’ mhòr-shaile a’ co-dhùnadh an hue H — dearg aig 0°, uaine aig 120°, gorm aig 240° — agus tha na dà shiannalan eile a’ cur an hue taobh a-staigh an earrainn sin.
Eisimpleir obrach
Tha an matamataig gu ceart, ach mar as trice thèid luachan HSL a chrìochnachadh gu ceuman slàn agus ìrean sa cheud. Faodaidh tionndadh air ais mar sin a leigeil às aon no dhà ceum RGB bhon tùs — neo-fhaicsinneach ann an cleachdadh, ach math a bhith mothachail ma tha thu a’ dèanamh cuairt air dathan tric.
HEX agus HSL air an mìneachadh
Dè th' ann an HEX?
Is e còd HEX àireamh heicsidecimal sia-dhigit a bhios a’ stòradh nan sianal dearg, uaine agus gorm de dhath às dèidh # toiseach. Tha gach paidhir de dhigit a’ còmhdach aon sianal, bho 00 (gun) gu FF (làn), a’ toirt na h-aon 16.7 millean dhathan mar RGB ann an goireas nas ghoirid. Is e HEX an àbhaist ann an CSS, innealan dealbhaidh agus stiùiridhean brannd.
- Sintàs:
- #RRGGBB
- Raon:
- 00–FF gach sianal
- As fheàrr airson:
- CSS, gluasadan dealbhaidh, stiùiridhean brannd
Dè th' ann an HSL?
Tha HSL a’ sgaradh dath ann an hue (0–360° air cuibhle dath), saturation (cho dathach, 0–100%) agus lightness (cho soilleir, 0–100%). Leis gu bheil gach pàirt a’ maidseadh mar a bhios daoine a’ mìneachadh dath, 's e HSL an cruth as fhasa airson tints, shades agus pàileatan seasmhach a thogail — le làimh no ann an còd.
- Sintàs:
- hsl(H, S%, L%)
- Raon:
- 0–360°, 0–100%, 0–100%
- As fheàrr airson:
- pàileatan, tints agus shades, cuspairean
Clàr iomraidh HEX gu HSL
Na dathan CSS as cumanta, tionndaichte bho HEX gu 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%) |