HSL wird nicht durch eine einfache Formel in RGB umgerechnet, sondern durch eine Folge von Schritten je nach Voraussetzung.
RGB ist kein intuitiver Farbraum. Die drei Werte für Rot, Grün und Blau erlauben nur mit viel Erfahrung einen Rückschluss auf die Sättigung und die Helligkeit der Farbe.
Das W3C, das die Standards für das Internet festlegt, hat darum HSL als optionale Farbnotation in CSS festgelegt.
HSL wird als Farbkreis dargestellt, in dem die hoch gesättigten Farbtöne auf dem Kreisradius in 360 Schritten abgebildet sind. Die Sättigung nimmt vom außen nach innen ab. Die Helligkeit wird durch einen zusätzlichen Regler von 0 bis 100% geändert.
Sättigung = 0
Wenn die Sättigung der HSL-Farbe 0 beträgt, haben wir einen Grauton. Nur die Luminanz muss in RGB umgesetzt werden.
Sättigung > 0
Die Umrechnung von HSL nach RGB benötigt zwei temporäre Variablen: t1 und t2.