RGB gee jou drie desimale kanale tussen 0 en 255. Om na HEX om te skakel verander elke kanaal in ’n twee-syfer heksadesimale getal, sodat die hele kleur in een kompakte token pas wat elke blaaier, ontwerpinstrument en stylgids verstaan.
Hoe RGB na HEX omskakeling werk
- Neem die rooi kanaal en deel dit deur 16: die deeltal is die eerste syfer, die res die tweede.
- Skryf die syfers 10 tot 15 as die letters A tot F — 255 word FF.
- Herhaal vir groen en blou, vul enkele syfers met 'n voorliggende nul: 5 word 05.
- Voeg die drie pare saam en sit 'n # voor.
Werkende voorbeeld
Presies, solank die kanale heelgetalle van 0 tot 255 is. Breukwaardes soos rgb(79.5, 70, 229) word eers na die naaste heelgetal afgerond, omdat HEX niks tussenin kan stoor nie.
RGB en HEX verduidelik
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()
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
RGB na HEX verwysingstabel
Die mees algemene CSS-kleure, omgeskakel van RGB na HEX.
| Kleur | 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 |