Tugann RGB trí chainéal dénártha idir 0 agus 255 duit. I dtiontú go HEX, casann tú gach chainéal ina dhá-dhigit heicsideach, ionas go n-oireann an dath iomlán isteach i dtéacs comhbhrúite amháin a thuigeann gach brabhsálaí, uirlis dhearaidh agus treoir stíle.
Conas a oibríonn an t-athrú RGB go HEX
- Tóg an chainéal dearg agus roinn é faoi 16: is é an quot hom an chéad dhigit, is é an iomarca an dara ceann.
- Scríobh na huimhreacha 10 go 15 mar litreacha A go F — éiríonn 255 mar FF.
- Déanaigh an rud céanna do ghorm agus glas, agus péinteáil aon dhigit aonair le nialas tosaigh: éiríonn 5 mar 05.
- Ceangail na trí pheire agus cuir # ar an gcéad dul síos.
Sampla oibre
Beacht, fad is go bhfuil na cainéil ina huimhreacha iomlána ó 0 go 255. Déantar luachanna fracach mar rgb(79.5, 70, 229) a chóiriú go dtí an iomlán gar dúchasach ar dtús, mar ní féidir le HEX aon luach idirnáisiúnta a stóráil.
RGB agus HEX mínithe
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()
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
Tábla tagartha RGB go HEX
Na dathanna CSS is coitianta, tógtha ó RGB go HEX.
| Dath | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |