Zum Inhalt springen

HEX in RGB umrechnen: Farbcode-Konverter

Gib einen Hexadezimalcode ein oder füge ihn ein und erhalte sofort den RGB-Wert zum Kopieren für CSS, dazu HSL, CMYK, LAB und weitere Formate. Funktioniert auch umgekehrt.

#
#2C71DErgb(44, 113, 222)

RGB-Kanäle

  • Rot2C → 44
  • Grün71 → 113
  • BlauDE → 222

Oder wähle die Farbe visuell

Farbumwandlung

Farbtabelle HEX in RGB

Die meistgesuchten Farben mit Hexadezimalcode und RGB-Wert. Klicke auf eine, um sie in den Konverter zu laden.

FarbeHEXRGB
#FFFFFFrgb(255, 255, 255)
#000000rgb(0, 0, 0)
#FF0000rgb(255, 0, 0)
#00FF00rgb(0, 255, 0)
#0000FFrgb(0, 0, 255)
#FFFF00rgb(255, 255, 0)
#00FFFFrgb(0, 255, 255)
#FF00FFrgb(255, 0, 255)
#FFA500rgb(255, 165, 0)
#800080rgb(128, 0, 128)
#FFC0CBrgb(255, 192, 203)
#A52A2Argb(165, 42, 42)
#808080rgb(128, 128, 128)
#C0C0C0rgb(192, 192, 192)
#000080rgb(0, 0, 128)
#808000rgb(128, 128, 0)

So wird eine Hex-Farbe in RGB umgerechnet

Ein Hex-Code hat sechs Zeichen in drei Paaren: eines für Rot, eines für Grün und eines für Blau. Jedes Paar ist eine Zahl zur Basis 16 (hexadezimal, mit den Ziffern 0 bis 9 und den Buchstaben A bis F), die in eine Zahl zur Basis 10 (dezimal, von 0 bis 255) umgerechnet wird, um den RGB-Wert zu erhalten.

Zum Beispiel zerlegt sich die Farbe E65817 so:

  • E6230Rot
  • 5888Grün
  • 1723Blau
rgb(230, 88, 23)

Das Ergebnis ist rgb(230, 88, 23). Je höher der Wert eines Kanals, desto stärker ist diese Farbe in der Endmischung.

  • E6 = 14 × 16 + 6 = 230
  • 58 = 5 × 16 + 8 = 88
  • 17 = 1 × 16 + 7 = 23

Die Formel Schritt für Schritt

Im Hexadezimalsystem ist die erste Stelle jedes Paares 16-mal so viel wert wie die zweite: Man multipliziert das erste Zeichen mit 16 und addiert das zweite. Die Buchstaben stehen für A = 10, B = 11, C = 12, D = 13, E = 14 und F = 15.

HEX- und RGB-Formate, die CSS akzeptiert

Dieselbe Farbe lässt sich auf mehrere Arten schreiben. Alle funktionieren in aktuellen Browsern, und der Konverter versteht jede davon.

  • 6-stelliges HEX

    Das gängigste Format: zwei Zeichen pro Kanal, in der Reihenfolge Rot, Grün und Blau. Groß- oder Kleinschreibung spielt keine Rolle.

  • Kurzes HEX (3 Stellen)

    Wiederholt jedes Paar sein Zeichen, lässt es sich abkürzen: #FF6600 wird zu #F60.

  • HEX mit Transparenz (8 Stellen)

    Die letzten zwei Zeichen sind der Alphakanal: 00 ist transparent, FF deckend. 80 entspricht 50 %.

  • rgb() mit Kommas

    Die klassische Syntax, kompatibel mit jedem Browser. Jeder Kanal reicht von 0 bis 255.

  • Modernes rgb()

    Die Syntax von CSS Color 4: Werte durch Leerzeichen getrennt und optionale Transparenz nach dem Schrägstrich. rgba() funktioniert weiterhin als Alias.

Von Hex zu harmonischen Paletten

Mit dem RGB-Wert kannst du im Farbkreis komplementäre oder analoge Farbschemata erstellen und den Farbton im Farbwähler verfeinern.

Häufige Fragen

Jedes Zeichenpaar des Hex-Codes steht für einen Kanal (Rot, Grün und Blau) zur Basis 16. Rechnet man jedes Paar in die Basis 10 um, erhält man pro Kanal eine Zahl zwischen 0 und 255; zusammen bilden sie den RGB-Wert.

Weil er zwei Zeichen für jeden der drei Farbkanäle (Rot, Grün und Blau) braucht, und jedes Paar zur Basis 16 kann 256 verschiedene Werte darstellen – denselben Bereich wie RGB.

Das Hexadezimalsystem nutzt die Ziffern 0 bis 9 und die Buchstaben A bis F für die Werte 10 bis 15. Deshalb kann ein Hex-Code Zahlen und Buchstaben kombinieren, etwa E65817.

Ja, nutze den RGB-in-Hex-Konverter für den umgekehrten Weg: Gib die drei RGB-Werte ein und erhalte den passenden Hexadezimalcode.

Eine Kurzform, die funktioniert, wenn jedes Paar sein Zeichen wiederholt: #F60 entspricht #FF6600 und #FFF entspricht #FFFFFF. Der Konverter akzeptiert beide.

Füge am Ende zwei weitere Zeichen hinzu: den Alphakanal. #E6581780 ist dasselbe Orange mit 50 % Deckkraft; 00 ist völlig transparent und FF deckend.

Heute praktisch keiner: In modernem CSS akzeptiert auch rgb() Transparenz, etwa rgb(230 88 23 / 50%), und rgba() bleibt aus Kompatibilitätsgründen als Alias erhalten.

Verwandte Tools