’n HEX-kode pak drie 8-bit getalle in ses heksadesimale syfers. Om HEX na RGB om te skakel beteken om daardie syfers in pare te verdeel en elke paar as ’n desimale getal tussen 0 en 255 te lees — presies die waardes wat CSS, Figma en beeldredigeerders verwag.
Hoe HEX na RGB omskakeling werk
- Laat die leidende # val en, as die kode net drie syfers het, verdubbel elkeen: #f53 word #ff5533.
- Verdeel die ses syfers in drie pare — RR, GG en BB.
- Lees elke paar as ’n basis-16 getal en skakel dit na basis 10 om: FF word 255, 57 word 87, 33 word 51.
- Skryf die drie uitslae as rgb(R, G, B).
Werkende voorbeeld
Hierdie omskakeling is presies. HEX en RGB beskryf dieselfde sRGB-waardes in ’n ander notasie, so niks word afgerond of verloor in enige rigting nie.
HEX en RGB verduidelik
Wat is HEX?
’n HEX-kode is ’n ses-syfer heksadesimale getal wat die rooi-, groen- en bloukanaal van ’n kleur agter ’n leidende # stoor. Elke paar syfers dek een kanaal, van 00 (geen) tot FF (vol), wat dieselfde 16,7 miljoen kleure gee as RGB maar in ’n baie korter notasie. HEX is die verstek in CSS, ontwerptoepassings en handelsriglyne.
- Sintaks:
- #RRGGBB
- Reeks:
- 00–FF per kanaal
- Beste vir:
- CSS, ontwerp-oordrag, handelsriglyne
Wat is RGB?
RGB beskryf ’n kleur as drie ligkanale — rooi, groen en blou — elk van 0 tot 255. Dit weerspieël hoe skerms werklik werk: almal by 255 gee wit, almal by 0 gee swart. RGB is die regte keuse wanneer jy met die nommers moet reken, en rgba() voeg deursigtigheid bo-op.
- Sintaks:
- rgb(R, G, B)
- Reeks:
- 0–255 per kanaal
- Beste vir:
- kode, canvas, deursigtigheid met rgba()
HEX na RGB verwysingstabel
Die mees algemene CSS-kleure, omgeskakel van HEX na RGB.
| Kleur | 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) |