En HEX-Code packt dräi 8-Bit Zuelen an sechs hexadezimal Zifferen. HEX op RGB konvertéieren bedeit dës Zifferen an Paaren ze deelen an all Paar als eng dezimal Zuel tëscht 0 an 255 ze liesen — genee déi Wäerter déi CSS, Figma an Bildeditoren erwaarden.
Wéi d'Konversioun vu HEX op RGB funktionéiert
- Schneid de féierende # of a wann de Code nëmmen dräi Zifferen huet, duebel all eenzel: #f53 gëtt #ff5533.
- Deel déi sechs Zifferen an dräi Paaren — RR, GG an BB.
- Lies all Paar als Basis-16 Zuel a konvertéier se an Basis 10: FF gëtt 255, 57 gëtt 87, 33 gëtt 51.
- Schreif déi dräi Resultater als rgb(R, G, B).
Praktescht Beispill
Dës Konversioun ass exakt. HEX an RGB beschreiwen déi selwecht sRGB-Wäerter an enger anerer Notatioun, also gëtt näischt geronnelt oder verluer an enger Richtung.
HEX an RGB erkläert
Wat ass HEX?
En HEX-Code ass eng sechsstellëg hexadezimal Zuel déi d'rout-, gréng- an blo-Kanäl vun enger Faarf no engem féierende # späichert. All Parallel deckt eng Kanal of, vu 00 (keen) bis FF (voll), wat déi selwecht 16,7 Millioune Faarwen wéi RGB an enger vill méi kuerzer Notatioun ergëtt. HEX ass d'Default an CSS, Design-Tools a Markenrichtlinnen.
- Syntax:
- #RRGGBB
- Beräich:
- 00–FF pro Kanal
- Beschte fir:
- CSS, Design-Übergab, Markenrichtlinnen
Wat ass RGB?
RGB beschreift eng Faarf als dräi Liichtkanäl — rout, gréng a blo — all vun 0 bis 255. Et spigelt wéi Bildschirmer effektiv funktionéieren: all dräi op 255 ginn wäiss, all op 0 ginn schwaarz. RGB ass déi richteg Wiel wann s du mat Zuele berechne muss, an rgba() füügt Transparenz derbäi.
- Syntax:
- rgb(R, G, B)
- Beräich:
- 0–255 pro Kanal
- Beschte fir:
- Code, Canvas, Transparenz mat rgba()
Referenztabell vu HEX op RGB
Déi heefegst CSS-Faarwen, konvertéiert vu HEX op RGB.
| Faarf | 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) |