Konwerter HEX na HSL

HSL opisuje kolor kątem odcienia oraz procentami nasycenia i jasności. Konwersja najpierw odczytuje HEX jako RGB, a następnie normalizuje kanały do zakresu 0–1.

Przykład z obliczeniami

Dane wejściowe
#336699
Wynik
hsl(210, 50%, 40%)
Obliczenie
max = 0.6; min = 0.2; L = 40%; S = 50%; H = 210°

Jak działa konwersja

Znajdź największy i najmniejszy znormalizowany kanał RGB. Ich średnia daje jasność, różnica określa nasycenie, a kanał maksymalny wyznacza sektor odcienia.

Ważna uwaga

HSL ułatwia tworzenie wariantów, ale taka sama jasność HSL nie gwarantuje równej jasności postrzeganej ani dostępnego kontrastu.

Otwórz ten przykład w narzędziu kolorów