Farbwähler und Farbkonverter
Wandeln Sie Hexadezimal-Farbcodes in HEX, RGB und HSL um und ermitteln Sie den gewichteten Helligkeitswert.
Tool ausführen
Mit diesem Farbwähler prüfen und konvertieren Sie Hexadezimal-Farbcodes direkt im Webbrowser. Das Werkzeug akzeptiert Farbcodes mit drei oder sechs hexadezimalen Ziffern, wahlweise mit oder ohne führendes Doppelkreuz (#). Drei Ziffern kurze Eingaben wie #f00 erweitert die Funktion automatisch auf sechs Stellen wie #ff0000. Über das Auswahlmenü bestimmen Sie das gewünschte Ausgabeformat. Sie können alle Darstellungen auf einmal anfordern oder die Ausgabe gezielt auf HEX, RGB oder HSL eingrenzen. Im HEX-Format erhalten Sie Kleinbuchstaben mit vorangestelltem Doppelkreuz. Die RGB-Darstellung liefert ganzzahlige Farbkanalwerte für Rot, Grün und Blau. HSL gibt den Farbton sowie Sättigung und Helligkeit als gerundete Ganzzahlen aus. Zusätzlich berechnet das Tool für jede Farbeingabe einen gewichteten Helligkeitswert auf einer Skala von 0 bis 255. Dieser Wert basiert auf der Formel 0,299 mal Rot plus 0,587 mal Grün plus 0,114 mal Blau, gerundet auf drei Nachkommastellen. Eingaben mit Alphakanal oder ungültigen Zeichen weist das Werkzeug ab.
Anleitung
- Geben Sie einen drei- oder sechsstelligen Hexadezimalcode in das Feld Hex-Farbcode ein, zum Beispiel #3498db oder 3498db.
- Wählen Sie unter Ausgabeformat, ob Sie alle Farbformate (HEX, RGB, HSL) oder eine einzelne Darstellung benötigen.
- Starten Sie die Berechnung, um die umgewandelten Farbwerte und die berechnete Helligkeit anzuzeigen.
- Kopieren Sie den benötigten Farbcode oder den Helligkeitswert für Ihr Projekt.
Beispiele
- Eingabe von '#3498db' mit dem Format 'Alle Formate' liefert HEX '#3498db', RGB (52, 152, 219), HSL (204, 70 %, 53 %) und einen Helligkeitswert von 129.749.
- Eingabe der dreistelligen Kurzform '#f80' mit dem Format 'RGB' liefert die erweiterten RGB-Kanalwerte (255, 136, 0) sowie den Helligkeitswert von 156.079.
FAQ
Unterstützt das Werkzeug auch Hexadezimalwerte mit Alphakanal?
Nein, achtstellige oder vierstellige Farbcodes mit Transparenzangabe werden nicht unterstützt. Geben Sie stattdessen standardmäßige drei- oder sechsstellige Farbcodes ein.
Wie interpretiert man den berechneten Helligkeitswert?
Der Wert liegt auf einer Skala von 0 bis 255 und wird anhand der gewichteten RGB-Kanäle errechnet (0,299 für Rot, 0,587 für Grün, 0,114 für Blau). Er dient als mathematische Schätzung der Helligkeit und ist keine Konformitätsbewertung nach WCAG-Standards.
Kann ich Farbcodes ohne das Doppelkreuz # eingeben?
Ja, Sie können Farbcodes wie 'ffffff' oder '3498db' ohne vorangestelltes Doppelkreuz eintragen. Das Werkzeug verarbeitet beide Schreibweisen identisch.
Warum schlägt die Umwandlung bei rgb(...)-Eingaben fehl?
Das Eingabefeld akzeptiert ausschließlich hexadezimale Ziffernfolgen. Farbdefinitionen in funktionaler CSS-Schreibweise wie rgb(52, 152, 219) können nicht als Eingabe verarbeitet werden.