Farb-Konverter: Hex, RGB, HSL & HSV umrechnen – kostenlos

Überblick

Was ist der Farb-Konverter?

Starte mit der kurzen Einordnung, bevor du Eingaben und Ergebnis interpretierst.

Der Farb-Konverter wandelt einen HEX-Farbwert in die entsprechenden RGB- und HSL-Komponenten um und normalisiert die Schreibweise. Damit kannst du schnell prüfen, welche RGB-Werte hinter einem HEX-Code stecken oder mit welchen HSL-Werten du in CSS, Design-Tools oder Grafikprogrammen arbeiten kannst.

Der Rechner eignet sich besonders für Webdesigner:innen, Frontend-Entwickler:innen und alle, die Farbwerte zwischen verschiedenen Formaten vergleichen oder in ein einheitliches Format bringen möchten.

Eingaben

So nutzt du den Rechner

Hier siehst du, welche Werte erwartet werden und wie die Felder zusammenhängen.

Sie geben einen HEX-Farbwert ein (z. B. #FF5733 oder FF5733, optional auch 3-stellig wie #F53). Der Rechner bereinigt das #-Zeichen und wandelt 3-stellige Codes in 6-stellige um.

Das Ergebnis zeigt die RGB-Werte (R, G, B von 0–255), die HSL-Werte (Farbwinkel in Grad, Sättigung und Helligkeit in Prozent) sowie den normalisierten HEX-Code. Bei ungültiger Eingabe wird ein Hinweis ausgegeben.

Berechnung

So funktioniert die Berechnung

Damit kannst du Ergebnis, Formelweg und Größenordnung schneller nachvollziehen.

Zunächst wird der eingegebene HEX-Wert bereinigt (Entfernen des #-Zeichens, ggf. Umwandlung von 3-stelligen in 6-stellige HEX-Codes). Anschließend werden die einzelnen Farbkanäle durch Bitoperationen extrahiert und als R-, G- und B-Wert im Bereich 0–255 ausgegeben.

Für die Umrechnung nach HSL werden die RGB-Werte in den Bereich 0–1 normalisiert. Über Standardformeln werden dann Farbwinkel (Hue), Sättigung und Helligkeit berechnet und als Grad- bzw. Prozentwerte ausgegeben. Ist der HEX-Wert ungültig, liefert der Rechner keine Farbkomponenten und kennzeichnet die Eingabe als nicht gültig.

FAQ

Häufige Fragen zu Farb-Konverter

Kurze Antworten auf typische Rückfragen, bevor du zur nächsten Seite springst.