RGB gëtt dir dräi dezimal Kanäl tëscht 0 a 255. Fir an HEX ze konvertéieren gi mir all Kanal an eng zwee-Ziffer hexadezimal Zuel ëmgewandelt, sou datt d'ganz Faarf an engem kompakten Token passt deen all Browser, Design-Tool an Stilguide verstinn.
Wéi d'Konversioun vu RGB op HEX funktionéiert
- Huelt den routen Kanal a deelt en duerch 16: de Quotient ass d'éischt Ziffer, d'Rescht déi zweet.
- Schreift d'Zifferen 10 bis 15 als Buschtawe A bis F — 255 gëtt FF.
- Widderhëlt dat fir gréng an blo, a fëllt eenzel Zifferen mam virausgaangene Null op: 5 gëtt 05.
- Verbënnt déi dräi Paare a setzt en # virun.
Praktescht Beispill
Genaueg, soulaang d'Kanäl ganz Zuelen tëscht 0 an 255 si. Fraktiounswäerter wéi rgb(79.5, 70, 229) ginn éischt op déi noosten Ganzzuel geronn, well HEX näischt tëscht dësen Wäerter kann späicheren.
RGB an HEX erkläert
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()
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
Referenztabell vu RGB op HEX
Déi heefegst CSS-Faarwen, konvertéiert vu RGB op HEX.
| Faarf | 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 |