Wandeln Sie eine CSS-Hex-Farbe (#RRGGBB) in HSL-Komponenten um (Farbton, Sättigung, Helligkeit). HSL trennt Chromatizität von Luminanz — hilfreich für Theme-Anpassungen und Barrierefreiheit.
Ausgabekanäle
| Kanal | Bereich |
|---|---|
| Farbton (H) | 0–360 Grad |
| Sättigung (S) | 0–100 Prozent |
| Helligkeit (L) | 0–100 Prozent |
Wann Sie es nutzen
- Hover-/Active-Varianten durch Verschieben der Helligkeit ableiten
- Markenfarben an Designer weitergeben, die in HSL arbeiten
- Umrechnungen gegen Design-Tools gegenprüfen
Einschränkungen
Nur sechsstellige Hex-Werte (optionales führendes #). Alpha-Kanäle und dreistellige Kurzformen werden in diesem Untertool nicht unterstützt. Die Rundung kann gegenüber anderen Konvertern bei S oder L um ±1 abweichen.
Beispiel
Geben Sie die Standard-Beispielwerte im Formular ein und vergleichen Sie die Ausgabe mit einer bekannten Referenz; ändern Sie jeweils nur einen Wert.