HEX vs. RGB: Farben lesen und umrechnen

Gleiche Farbe, zwei Schreibweisen

Auf dem Bildschirm ist jede Farbe eine Mischung aus rotem, grünem und blauem Licht. HEX und RGB notieren nur, wie viel von jedem — sie beschreiben identische Farben, nur in anderer Schreibweise. RGB liest und justiert sich leicht nach Augenmaß; HEX ist kompakt und copy-paste-freundlich, weshalb es Designer und Code nutzen. Das Umrechnen ändert nichts an der Farbe selbst.

RGB lesen

RGB gibt drei Zahlen von 0 bis 255, eine je Kanal: rgb(255, 0, 0) ist reines Rot, rgb(0, 255, 0) Grün, rgb(0, 0, 255) Blau. Null heißt kein Licht dieser Art, 255 volles. Mischt man sie, entstehen alle anderen Farben — gleiche Mengen aller drei ergeben ein Grau, alle drei bei 255 ergeben Weiß.

HEX lesen

Eine HEX-Farbe ist ein # gefolgt von sechs Ziffern, zwei je Kanal, im Hexadezimalsystem, wo die Ziffern 0–9 und dann A–F laufen (F ist also 15, und FF ist 255). #FF5733 zerfällt in FF Rot, 57 Grün, 33 Blau — dieselbe Farbe wie rgb(255, 87, 51). #FFFFFF ist Weiß, #000000 Schwarz, und eine dreistellige Kurzform wie #F53 verdoppelt jede Ziffer (also #F53 = #FF5533).

Umrechnen und Alpha hinzufügen

Umrechnen ist nur ein Basiswechsel je Kanal: 87 im Dezimalsystem ist 57 im Hex, und zurück. Um eine Farbe durchscheinend zu machen, füge einen Alpha-(Deckkraft-)Wert hinzu — rgba(255, 87, 51, 0.5) ist zu 50 % transparent, oder ein achtstelliges Hex #FF573380 macht dasselbe. Ein Konverter erledigt beide Richtungen sofort und erspart Hexadezimal-Rechnen von Hand.

Häufige Fragen

Ist HEX oder RGB besser?

Sie liefern dasselbe Ergebnis. HEX ist kompakt für Code, RGB leichter zu lesen und anzupassen, und RGBA ergänzt Transparenz.

Was bedeutet #FFFFFF?

Alle drei Kanäle im Maximum (255, 255, 255), also Weiß. #000000 sind alle Kanäle bei null — Schwarz.

Wie füge ich Transparenz hinzu?

Nutze rgba() mit einem Alpha-Wert 0–1, oder ein achtstelliges Hex (#RRGGBBAA), dessen letztes Paar die Deckkraft setzt.