Mae RGB yn rhoi tri sianel ddegol rhwng 0 a 255. Mae trosi i HEX yn troi pob sianel yn rif hecsadegol dwy-ddigid, felly mae'r lliw cyfan yn ffitio i un token compact y mae pob porwr, offer dylunio a chanllaw arddull yn ei ddeall.
Sut mae trosi RGB i HEX yn gweithio
- Cymer y sianel goch a rhannu hi yn 16: y cymal yw'r digid cyntaf, y gweddill yw'r ail.
- Ysgrifennwch y digidau 10 i 15 fel llythrennau A i F — mae 255 yn troi'n FF.
- Ailadroddwch ar gyfer gwyrdd a glas, gan ychwanegu sero blaen os yw digid yn sengl: mae 5 yn troi'n 05.
- Uno'r tair par a rhoi # o'u blaen.
Enghraifft wedi gweithio
Yn union, cyhyd â bod y sianeli yn rhifau cyfan o 0 i 255. Mae gwerthoedd rhannol megis rgb(79.5, 70, 229) yn cael eu hamgylchynu i'r integer agosaf yn gyntaf, gan na all HEX storio gwerthoedd rhwng y rhain.
RGB a HEX wedi'u hamlygu
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()
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
tabl cyfeirnod RGB i HEX
Y lliwiau CSS mwyaf cyffredin, wedi'u trosi o RGB i HEX.
| Lliw | 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 |