Zum Inhalt springen
AllesWiki

HEX- & RGB-Farben-Umrechner

Wandle Farben zwischen HEX-Code und RGB-Werten um und erhalte zusätzlich die HSL-Darstellung – ideal für Webdesign, CSS und Grafikprogramme.

Aktualisiert: 2026-06-18

Ergebnis

HEX-Code #1E90FF
RGB rgb(30, 144, 255)
HSL hsl(210, 100%, 56%)
Helligkeit Lightness-Anteil im HSL-Modell. 56 %

Formel: HEX = RGB jeweils zweistellig im Hexadezimalsystem (0–255 → 00–FF); Rückweg: je zwei Stellen zu Dezimal

Eingaben ändern sich live – keine Anmeldung, keine Daten verlassen deinen Browser.

Farben im Web bestehen aus drei Kanälen: Rot, Grün und Blau mit je 256 Stufen (0–255). Der HEX-Code fasst diese drei Werte als sechsstellige Hexadezimalzahl zusammen, etwa #1E90FF. Dieser Umrechner übersetzt in beide Richtungen und liefert zusätzlich die HSL-Darstellung, die sich gut zum gezielten Aufhellen oder Abdunkeln eignet.

So funktioniert's

  1. Richtung wählen: RGB → HEX oder HEX → RGB.
  2. Für RGB → HEX die drei Werte für Rot, Grün und Blau (0–255) eintragen.
  3. Für HEX → RGB den Farbcode als Dezimalzahl eingeben (z. B. #1E90FF entspricht 2003199).
  4. HEX-Code, RGB- und HSL-Darstellung ablesen.

Häufige Fragen

Wie funktioniert die Umrechnung von RGB in HEX?

Jeder der drei Werte (0–255) wird ins Hexadezimalsystem umgewandelt und zweistellig dargestellt. 255 wird zu FF, 0 zu 00. Aneinandergereiht ergibt das z. B. #1E90FF.

Warum muss ich den HEX-Code als Zahl eingeben?

Dieser Rechner verarbeitet nur Zahlen-Eingaben. #1E90FF entspricht der Dezimalzahl 2.003.199. Die meisten Grafikprogramme zeigen beide Formen an, oder du nutzt RGB → HEX.

Was ist HSL und wozu dient es?

HSL steht für Hue (Farbton), Saturation (Sättigung) und Lightness (Helligkeit). Es ist intuitiver als RGB, wenn man eine Farbe gezielt heller, dunkler oder kräftiger machen möchte.

Sind HEX und RGB dieselbe Farbe?

Ja, beide beschreiben exakt dieselbe Farbe – nur in unterschiedlicher Schreibweise. #FF0000, rgb(255, 0, 0) und reines Rot sind identisch.

Verwandte Rechner