Generatoren

HEX, RGB & HSL umrechnen

Farbwerte zwischen HEX, RGB und HSL umwandeln und die Farbe direkt ansehen. Kostenlos, ohne Anmeldung und direkt im Browser.

Kostenlos · Ohne Anmeldung · Ohne Abo

Arbeitsbereich

Lokal im Browser

Deckende sRGB-Farben; kein Alphakanal. HEX mit 3/6 Stellen, RGB-Ganzzahlen 0–255, HSL-Sättigung/Helligkeit 0–100%. HSL-Ausgabe auf eine Dezimalstelle gerundet.

Ergebnis
Bereit, wenn du es bist.Dein Ergebnis erscheint nach der Verarbeitung hier.

Fragen zu diesem Werkzeug

Wie funktioniert HEX, RGB & HSL umrechnen?

Kostenlos, ohne Anmeldung und direkt im Browser. Farbcode einfügen oder Farbwähler benutzen. Umrechnen und die drei Schreibweisen kopieren.

Warum unterscheiden sich gerundete HSL-Werte manchmal leicht?

Die Umrechnung endet bei ganzzahligen RGB-Kanälen. HSL wird zur Lesbarkeit gerundet. Beim wiederholten Umwandeln kann dadurch ein kleiner Rundungsunterschied entstehen.

Welche Eingaben, Ausgaben und Grenzen gelten?

Eingabe: #09A, #0099AA, rgb(0, 153, 170) oder hsl(186, 100%, 33%). Ausgabe: HEX-, RGB- und HSL-Schreibweise mit Farbvorschau. Grenzen: Deckende sRGB-Farben; kein Alphakanal. HEX mit 3/6 Stellen, RGB-Ganzzahlen 0–255, HSL-Sättigung/Helligkeit 0–100%. HSL-Ausgabe auf eine Dezimalstelle gerundet.

Anleitung, Beispiel und Dateigrenzen

Formate, Eingaben und Grenzen

Eingabe
#09A, #0099AA, rgb(0, 153, 170) oder hsl(186, 100%, 33%)
Ausgabe
HEX-, RGB- und HSL-Schreibweise mit Farbvorschau
Grenzen & Hinweise
Deckende sRGB-Farben; kein Alphakanal. HEX mit 3/6 Stellen, RGB-Ganzzahlen 0–255, HSL-Sättigung/Helligkeit 0–100%. HSL-Ausgabe auf eine Dezimalstelle gerundet.

Kurzanleitung

Farbcode einfügen oder Farbwähler benutzen. Umrechnen und die drei Schreibweisen kopieren.

Praxisbeispiel

#FF0000 wird zu rgb(255, 0, 0) und hsl(0, 100%, 50%).

Weitere Hinweise

Gut zu wissen

Deine Eingaben werden von diesen Werkzeugen nicht an einen Server gesendet. Der Webhost verarbeitet beim Seitenaufruf technische Verbindungsdaten.

Weitere passende Werkzeuge