Zum Inhalt springen

RGB in HEX umrechnen: Farbcode-Konverter

Gib deine RGB-Werte ein, zum Beispiel 230, 88, 23, und erhalte sofort den Hexadezimalcode 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 RGB in HEX

Die meistgesuchten Farben mit RGB-Wert und Hexadezimalcode. 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 RGB-Farbe in Hex umgerechnet

Jeder RGB-Kanal ist eine Dezimalzahl zwischen 0 und 255. Für Hex wird diese Zahl in die Basis 16 umgerechnet, was einen zweistelligen Wert pro Kanal ergibt, von 00 bis FF. Die drei Paare werden in der Reihenfolge Rot, Grün und Blau zum vollständigen Hex-Code zusammengesetzt.

Zum Beispiel wird die Farbe rgb(230, 88, 23) so umgerechnet:

  • 230E6Rot
  • 8858Grün
  • 2317Blau
#E65817

Das Ergebnis ist #E65817. Genau der umgekehrte Vorgang des Hex-in-RGB-Konverters.

  • 230 ÷ 16 = 14 (E), Rest 6 → E6
  • 88 ÷ 16 = 5, Rest 8 → 58
  • 23 ÷ 16 = 1, Rest 7 → 17

Die Formel Schritt für Schritt

Teile jeden Wert durch 16: Der Quotient ist das erste Zeichen des Paares, der Rest das zweite. Die Zahlen 10 bis 15 werden als Buchstaben geschrieben: 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.

Erkunde deine Farbe im Farbkreis

Mit dem fertigen Hex-Code öffnest du den Farbkreis, um Harmonien zu erzeugen, oder schlägst Namen und Codes in der Tabelle der HTML-Farben nach.

Häufige Fragen

Jeder der drei RGB-Werte (0 bis 255) wird in die Basis 16 umgerechnet, was eine zweistellige Zahl pro Kanal ergibt. Die drei Paare werden in der Reihenfolge Rot, Grün und Blau zum Hex-Code zusammengesetzt.

Das Hexadezimalsystem nutzt die Ziffern 0 bis 9 und die Buchstaben A bis F für die Werte 10 bis 15. Deshalb kann der fertige Hex-Code beides enthalten.

Das ist kein gültiger Wert. Jeder RGB-Kanal akzeptiert nur Zahlen zwischen 0 und 255, den vollen Bereich eines Bytes.

Ja. Der Konverter akzeptiert 230, 88, 23, 230 88 23, rgb(230, 88, 23), rgb(230 88 23) und rgba(…). Eine angegebene Transparenz wird für den 6-stelligen HEX-Wert ignoriert.

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

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.

Verwandte Tools