Ermitteln Sie HSL aus einer HEX-Farbe

Mit HEX zu HSL können Designer und Frontend-Entwickler eine Oberfläche vor der Umsetzung abstimmen. Ermitteln Sie HSL aus einer HEX-Farbe.

Ermitteln Sie HSL aus einer HEX-Farbe. Sie können es kostenlos im Browser ohne Konto nutzen und das Ergebnis vor dem nächsten Schritt prüfen.

Bedienung

Geben Sie einen gültigen hexadezimalen Farbcode in den Eingabebereich ein und verwenden Sie das von der Oberfläche angezeigte Format.
Starten Sie die Umwandlung, um die entsprechenden HSL-Komponenten ohne weitere Einrichtung zu erhalten.
Lesen Sie die Werte für Farbton, Sättigung und Helligkeit und vergleichen Sie sie mit der ursprünglichen Farbe in Ihrem Design.
Kopieren Sie die HSL-Werte in Ihr Stylesheet oder Designwerkzeug und leeren Sie das Feld, wenn Sie Ihren Bildschirm teilen.

Beispiel

Beim Beispielfarbwert sollte das Werkzeug HEX zu HSL einen Farbton, eine Sättigung und eine Helligkeit zurückgeben, die zum eingegebenen hexadezimalen Code passen. Achten Sie auf Farbton und Helligkeit, bevor Sie eine Palette oder einen Schaltflächenzustand anpassen.

Eingabe

#16A34A

Ergebnis

hsl(142 76% 36%)

Grenzen und Formate

Es wandelt eine Farbe um, prüft aber nicht den Kontrast zu Text und bewertet nicht die Barrierefreiheit.
Es erstellt keine Paletten, schlägt keine Varianten vor und repariert keinen ungültigen hexadezimalen Code.
Die HSL-Werte sind zum Kopieren gedacht; prüfen Sie ihr genaues Format, bevor Sie sie in einem Framework oder Präprozessor verwenden.

Wo die Verarbeitung stattfindet

Die Umwandlung erfolgt lokal in Ihrem Browser. Der eingegebene Farbcode wird nirgendwohin gesendet und verlässt Ihr Gerät nicht.

Häufige Fragen

Wofür werden HSL-Werte verwendet?

HSL beschreibt eine Farbe über Farbton, Sättigung und Helligkeit. Diese Komponenten sind praktisch, um eine Palette anzupassen, Varianten zu erstellen oder eine Farbe in der Dokumentation zu erklären.

Kann ich mehrere Farben auf einmal umwandeln?

Nein, das Werkzeug arbeitet mit dem Wert im Eingabebereich. Um mehrere Farben zu vergleichen, führen Sie die Umwandlung nacheinander mit jedem Code erneut aus.

Was ist, wenn das Ergebnis falsch aussieht?

Prüfen Sie zuerst, ob der hexadezimale Code vollständig und korrekt geschrieben ist. Ein ungültiger oder unvollständiger Wert kann nicht in zuverlässige HSL-Komponenten umgewandelt werden.