Cuireann cód HEX trí uimhir 8-giotán i bpacáist ar fhaid sé dhigit heicsideach. Ciallaíonn tiontú HEX go RGB na digití sin a roinnt i bpéirí agus gach péire a léamh mar uimhir dénártha idir 0 agus 255 — go díreach na luachanna a bhfuil súil acu leo i CSS, Figma agus eagarthóirí íomhá.
Conas a oibríonn an t-athrú HEX go RGB
- Tóg an # tosaigh agus, más atá an cód tré dhigit amháin amháin, dúbailt gach ceann acu: #f53 éiríonn #ff5533.
- Roinn na sé dhigit i dtrí phéire — RR, GG agus BB.
- Léigh gach péire mar uimhir bhunús-16 agus tiontaigh go bunús-10: éiríonn FF mar 255, 57 mar 87, 33 mar 51.
- Scríobh na trí thoradh mar rgb(R, G, B).
Sampla oibre
Tá an tiontú seo cruinn. Léiríonn HEX agus RGB na luachanna sRGB céanna i ndoiciméadú difriúil, mar sin ní bhíonn aon rud á bhfíoróireacht ná á chailliúint i gceachtar treo.
HEX agus RGB 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 é RGB?
Léiríonn RGB dath mar thrí chainéal solais — dearg, glas agus gorm — gach ceann ó 0 go 255. Is léiríonn sé conas a oibríonn scáileáin i ndáiríre: má tá na trí cinn ag 255 bíonn bán, má tá siad go léir ag 0 bíonn dubh. Is é RGB an rogha ceart nuair is gá duit ríomh a dhéanamh le dath — animéadú chainéil, meascadh i gcód, nó trédhearcacht le rgba().
- Sintéis:
- rgb(R, G, B)
- Raon:
- 0–255 in aghaidh na canála
- An-oiriúnach do:
- cód, canbhás, trédhearcacht le rgba()
Tábla tagartha HEX go RGB
Na dathanna CSS is coitianta, tógtha ó HEX go 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) |