Farbkonverter
Farben zwischen HEX, RGB und HSL umwandeln.
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool verarbeitet alles lokal in Ihrem Browser. Es wird nichts auf einen Server hochgeladen.
📝 Über Farbkonverter
Der Farbkonverter nimmt einen HEX-Farbcode entgegen und zeigt sofort die entsprechenden RGB- und HSL-Werte an, jeweils mit eigener Schaltfläche „Kopieren“. Sie können einen sechsstelligen Code wie #ff3a73 in das Textfeld eingeben oder eine Farbe visuell mit dem Farbwähler auswählen – die Ergebnisse werden dabei laufend aktualisiert.
Die drei Formate beschreiben dieselbe Farbe auf unterschiedliche Weise. HEX fasst Rot, Grün und Blau in einer kompakten Zeichenkette zusammen, die in CSS und Designtools verbreitet ist. RGB gibt diese drei Kanäle als Zahlen von 0 bis 255 an, was für Code und Bildbearbeitung praktisch ist. HSL drückt den Farbton als Winkel von 0 bis 360 Grad sowie Sättigung und Helligkeit in Prozent aus. So lassen sich hellere, dunklere oder gedämpfte Varianten einer Markenfarbe ganz einfach durch Anpassen einer einzigen Zahl erstellen.
Das Textfeld akzeptiert sechsstellige HEX-Codes; eine dreistellige Kurzform wie #f00 sollte zuerst zu #ff0000 erweitert werden. HSL-Werte werden auf ganze Zahlen gerundet. Alle Umrechnungen erfolgen in Ihrem Browser.
📘 Anleitung
- 1
Farbe eingeben oder auswählen
Geben Sie einen sechsstelligen HEX-Code in das Textfeld ein oder klicken Sie auf das Farbfeld, um eine Farbe visuell auszuwählen.
- 2
Umrechnungen ablesen
Die Zeilen HEX, RGB und HSL werden automatisch aktualisiert und zeigen dieselbe Farbe im jeweiligen Format.
- 3
Wert kopieren
Klicken Sie auf die Schaltfläche „Kopieren“ neben dem benötigten Format und fügen Sie den Wert in Ihr CSS oder Designtool ein.
❓ FAQ
Kann ich einen dreistelligen HEX-Code wie #fff eingeben?
Der Konverter erwartet sechs Stellen. Erweitern Sie die Kurzform, indem Sie jede Ziffer verdoppeln – aus #fff wird zum Beispiel #ffffff.
Wird Transparenz (Alpha) unterstützt?
Nein. Das Tool wandelt nur deckende Farben um; achtstellige HEX-Codes mit Alpha, RGBA und HSLA werden nicht unterstützt.
Brauche ich das #-Zeichen?
Nein. Das # ist bei der Eingabe optional, die RGB- und HSL-Ergebnisse erscheinen in jedem Fall.
Wann ist HSL nützlicher als RGB?
HSL ist praktisch, wenn Sie eine Farbe intuitiv anpassen möchten, etwa sie durch Erhöhen der Helligkeit aufhellen oder eine Palette erstellen, indem Sie den Farbton beibehalten.