Farbe und Design

HEX-, RGB- und HSL-Konverter

Wählen Sie eine Farbe visuell oder rechnen Sie HEX-, RGB- und HSL-Codes in beide Richtungen um.

Lokal verarbeitet

Ziehen Sie im Farbfeld oder nutzen Sie die Regler. HEX, RGB und HSL ändern dieselbe Farbe.

Ergebnis
HEX
#4F46E5
RGB
rgb(79 70 229)
HSL
hsl(243.4 75.36% 58.63%)
Hilfe und Methode

HEX, RGB oder HSL eingeben oder visuell wählen. RGB nutzt 0–255; HSL-Farbton ist ein Winkel, Sättigung/Helligkeit sind Prozentwerte. Nur deckendes sRGB, kein Alpha.

Methoden und Verlässlichkeit

Durchgerechnetes Beispiel

Ein Beispiel zum Ausprobieren oder Anpassen an deine Werte.

HEX-Farbe
#FF0000

Ergebnis

RGB: rgb(255 0 0) HSL: hsl(0 100% 50%)

Diese Eingaben testen