Tha còd HEX a’ pacaigeadh trì àireamhan 8-bit ann an sia dhigheagan heicsidecimal. Tha tionndadh HEX gu RGB a’ ciallachadh na dighteagan sin a sgaradh ann am paidhrichean agus gach paidhir a leughadh mar àireamh deicheach eadar 0 agus 255 — dìreach na luachan a tha CSS, Figma agus deasaichean ìomhaigh a’ dùileachadh.
Mar a tha tionndadh HEX gu RGB ag obair
- Thoir air falbh an # toiseach agus, ma tha dìreach trì dhigheagan anns an còd, dùblaich gach fear: #f53 a’ tionndadh gu #ff5533.
- Sgar na sia dhigheagan ann an trì paidhrichean — RR, GG agus BB.
- Leugh gach paidhir mar àireamh bun-16 agus tionndaidh e gu bun-10: FF a’ tionndadh gu 255, 57 gu 87, 33 gu 51.
- Sgrìobh na trì toraidhean mar rgb(R, G, B).
Eisimpleir obrach
Tha an tionndadh seo ceart gu leòr. Tha HEX agus RGB a’ mìneachadh na h-aon luachan sRGB ann an diofar notations, mar sin cha tèid dad a chruinneachadh no a chall anns an dà stiùir.
HEX agus RGB 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 RGB?
Tha RGB a’ mìneachadh dath mar thrì sianalan solais — dearg, uaine agus gorm — gach fear bho 0 gu 255. Tha e a’ sgeadachadh mar a bhios scrionaichean ag obrachadh: ma tha na trì uile aig 255 tha geal, ma tha iad uile aig 0 tha dubh. 'S e RGB an roghainn nuair a dh’ fheumas tu obrachadh leis na h-àireamhan, agus tha rgba() a’ cur soilleireachd air a’ mhullach.
- Sintàs:
- rgb(R, G, B)
- Raon:
- 0–255 gach sianal
- As fheàrr airson:
- còd, canvas, soilleireachd le rgba()
Clàr iomraidh HEX gu RGB
Na dathan CSS as cumanta, tionndaichte bho HEX gu RGB.
| Dath | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |