Mae cod HEX yn pacio tri rhif 8-did i mewn i chwe digid hecsadegol. Mae trosi HEX i RGB yn golygu rhannu'r digidau hynny'n barau a darllen pob par fel rhif degol rhwng 0 a 255 — yn union y gwerthoedd y mae CSS, Figma a golygyddion delweddau yn eu disgwyl.
Sut mae trosi HEX i RGB yn gweithio
- Tynnwch y # blaenllaw ac, os yw'r cod ond yn cynnwys tri digid, dyblu pob un: #f53 yn dod yn #ff5533.
- Rhannwch y chwe digid yn dri phâr — RR, GG a BB.
- Darllenwch bob par fel rhif sylfaen-16 a'i drosi i sylfaen-10: FF yn dod yn 255, 57 yn dod yn 87, 33 yn dod yn 51.
- Ysgrifennwch y tair canlyniad fel rgb(R, G, B).
Enghraifft wedi gweithio
Mae'r trosi hwn yn union. Mae HEX a RGB yn disgrifio'r un gwerthoedd sRGB mewn nodiad gwahanol, felly nid oes dim yn cael ei redro neu ei golli yn y ddau gyfeiriad.
HEX a RGB wedi'u hamlygu
Beth yw HEX?
Mae cod HEX yn rif hecsadegol chwe digid sy'n storio'r sianel coch, gwyrdd a glas o liw ar ôl arwydd #. Mae pob par o ddigidau yn cynrychioli un sianel, o 00 (dim) i FF (llawn), gan roi'r un 16.7 miliwn o liwiau â RGB mewn nodiad llawer byrrach. Mae HEX yn ddiofyn mewn CSS, offer dylunio a chanllawiau brand.
- Sintacs:
- #RRGGBB
- Amrediad:
- 00–FF fesul sianel
- Gorau ar gyfer:
- CSS, trosglwyddo dylunio, canllawiau brand
Beth yw RGB?
Mae RGB yn disgrifio lliw fel tri sianel o olau — coch, gwyrdd a glas — pob un rhwng 0 a 255. Mae'n adlewyrchu sut mae sgriniau'n gweithio mewn gwirionedd: pob un ar 255 yn rhoi gwyn, pob un ar 0 yn rhoi du. Mae RGB yn ddewis cywir pan fydd angen i ti gyfrifo gyda lliw, ac mae rgba() yn ychwanegu tryloywder uwchben.
- Sintacs:
- rgb(R, G, B)
- Amrediad:
- 0–255 fesul sianel
- Gorau ar gyfer:
- cod, canvas, tryloywder gyda rgba()
tabl cyfeirnod HEX i RGB
Y lliwiau CSS mwyaf cyffredin, wedi'u trosi o HEX i RGB.
| Lliw | 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) |