Tha e comhfhurtail dath a thaghadh ann an HSL, ach tha stuthan stoidhle, gluasadan dealbhaidh agus sgrìobhainnean suaicheantais fhathast stèidhichte ann an HEX. Tha an tionndadair seo a’ dùnadh an t-gap agus a’ toirt dhut an còd sia-dhigit airson gach measgachadh hue, sàthaichte agus soilleireachd.
Mar a tha tionndadh HSL gu HEX ag obair
- Thionndaidh sàthaichte agus soilleireachd gu grìtheidean: bidh 60% mar 0.6.
- Càlcaich an chroma C = (1 − |2L − 1|) × S — is e sin mar a fhaigheas tu an astar bhon ghorm.
- Cleachd an hue gus an chroma a chur air na sianalan dearg, uaine agus gorm, an uairsin gluais an triùir le L − C/2.
- Iomadaich gach sianal le 255, cruinn e, agus sgrìobh mar dhà digit hexidecimal.
Eisimpleir obrach
Bidh cruinneachadh a’ tachairt aon turas, anns an ceum mu dheireadh, nuair a thèid gach sianal a dhearbhadh gu luach slàn 0–255. ’S e an toradh an còd HEX as fhaisge air do HSL agus mar as trice an aon rud ris a’ bhuinn a sheallas inneal dealbhaidh.
HSL agus HEX air an mìneachadh
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
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
Clàr iomraidh HSL gu HEX
Na dathan CSS as cumanta, tionndaichte bho HSL gu HEX.
| Dath | 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 |