HEX-Farbwähler
Wählen und konvertieren Sie HEX-Farbcodes in RGB- und HSL-Werte mit automatischer Helligkeitsanalyse für Web und Design.
Tool ausführen
Mit diesem Online-Farbwähler konvertieren Sie hexadezimale Farbcodes direkt in die passenden RGB- und HSL-Formate. Das Werkzeug verarbeitet sowohl dreistellige als auch sechsstellige HEX-Eingaben mit oder ohne führendes Rautensymbol. Geben Sie beispielsweise einen dreistelligen Code ein, verdoppelt das Tool jedes Zeichen automatisch zu einer vollständigen sechsstelligen Farbdefinition. Wenn Sie das Eingabefeld leer lassen, verwendet es den Standardwert #ff5733 als Ausgangsbasis. Nach der Eingabe erhalten Sie den HEX-Code in Groß- sowie Kleinbuchstaben, die exakten RGB-Werte von Rot, Grün und Blau sowie gerundete HSL-Werte für Farbton, Sättigung und Helligkeit. Zusätzlich ermittelt das System anhand einer gewichteten Helligkeitsberechnung, ob die gewählte Farbe als hell oder dunkel eingestuft wird. Das erleichtert Ihnen die Auswahl lesbarer Kontraste für Webdesign, Benutzeroberflächen und Grafikprojekte. Bei ungültigen Zeichen erscheint im Ergebnis ein klarer Hinweis, sodass Sie den Code schnell korrigieren können.
Anleitung
- Geben Sie einen hexadezimalen Farbcode in das vorgesehene Eingabefeld ein oder nutzen Sie den Farbauswahldialog.
- Lassen Sie das Feld leer, wenn Sie mit dem voreingestellten Standardfarbton starten möchten.
- Starten Sie die Konvertierung, um die Farbwerte berechnen zu lassen.
- Lesen Sie die umgewandelten Werte für RGB und HSL sowie die Helligkeitsbewertung im Ergebnisbereich ab.
Beispiele
- Eingabe von #3498db liefert rgb(52, 152, 219), hsl(204, 70%, 53%) und die Kennzeichnung als helle Farbe.
- Eingabe des Kurzcodes f00 wird zu #ff0000 erweitert und ergibt rgb(255, 0, 0) sowie hsl(0, 100%, 50%).
FAQ
Muss der HEX-Code zwingend mit einem Rautensymbol (#) beginnen?
Nein. Sie können Farbcodes mit oder ohne führendes Rautensymbol eingeben. Das Tool ergänzt ein fehlendes Symbol automatisch.
Werden auch dreistellige Kurzschreibweisen unterstützt?
Ja. Dreistellige Angaben wie #abc werden automatisch zu sechsstelligen Werten wie #aabbcc expandiert und anschließend umgerechnet.
Wie wird festgestellt, ob eine Farbe als hell eingestuft wird?
Die Einstufung basiert auf einer gewichteten Helligkeitsberechnung der RGB-Komponenten. Liegt der berechnete Wert über 128, gilt die Farbe als hell.
Welcher Farbwert wird verwendet, wenn das Eingabefeld leer bleibt?
Bleibt das Feld leer, greift das Werkzeug auf den voreingestellten Wert #ff5733 zurück.