HEX-zu-HSL-Umrechner
HSL beschreibt eine Farbe durch einen Farbtonwinkel sowie Sättigungs- und Helligkeitsprozente. Zuerst wird HEX als RGB gelesen, danach wird jeder Kanal auf 0 bis 1 normiert.
Durchgerechnetes Beispiel
- Eingabe
- #336699
- Ergebnis
- hsl(210, 50%, 40%)
- Berechnung
- max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°
So funktioniert die Umrechnung
Bestimme den größten und kleinsten normierten RGB-Kanal. Ihr Mittelwert liefert die Helligkeit, ihre Differenz die Sättigung und der größte Kanal den Farbtonsektor.
Wichtiger Hinweis
HSL eignet sich für Varianten, aber gleiche HSL-Helligkeit garantiert weder gleiche wahrgenommene Helligkeit noch barrierefreien Kontrast.