Konwerter kolorów RGB na HSL
Zamień wartości kanałów czerwonego, zielonego i niebieskiego na model koloru HSL, dając odcień w stopniach oraz nasycenie i jasność jako procenty.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
Jak działa ten kalkulator?
Podziel każdy kanał RGB przez 255, następnie weź max i min. Jasność to ich średnia, nasycenie to chroma podzielona przez (1 − |2L − 1|), a odcień pochodzi z kanału dominującego. Wynikiem jest HSL: odcień w stopniach oraz nasycenie i jasność jako procenty.
Wzór
How this is calculated
Wprowadź trzy kanały RGB (R, G, B), każdy od 0 do 255. Wartości są ograniczane do tego zakresu i dzielone przez 255, więc każdy kanał staje się ułamkiem między 0 a 1. Największy z trzech ułamków to max, a najmniejszy to min.
Jasność to środek skrajności, L = (max + min) / 2. Chroma d = max − min steruje nasyceniem: S = d / (1 − |2L − 1|), które wynosi 0 dla dowolnej szarości, gdzie max równa się min. Odcień wyznacza się z tego kanału, który jest maksimum — czerwony daje 60·(((g−b)/d) mod 6), zielony daje 60·((b−r)/d + 2), a niebieski daje 60·((r−g)/d + 4); wynik ujemny zawija się przez dodanie 360.
Wyjścia to H w stopniach (0–360°) oraz S i L przeskalowane do procentów (×100). Dla czystych szarości (R = G = B) odcień i nasycenie są zerowe, a zmienia się tylko jasność. Konwersja jest dokładna i bezstratna poza pokazanym zaokrągleniem procentów.
Najczęściej zadawane pytania
Gdy R, G i B są identyczne, kolor jest odcieniem szarości, więc chroma (max − min) wynosi zero. Bez zawartości koloru nie ma odcienia ani nasycenia, zmienia się tylko jasność od czerni do bieli.
Odcień jest podawany w stopniach od 0 do 360°, natomiast nasycenie i jasność to procenty od 0% do 100%. Odpowiada to notacji CSS hsl(), więc możesz wkleić wartości wprost do arkuszy stylów.
Nie. Jasność HSL to średnia najjaśniejszego i najciemniejszego kanału, więc czyste kolory leżą na 50% jasności. Wartość (value) HSV używa tylko maksymalnego kanału, więc oba modele podają różne liczby dla tego samego koloru.
Znany również jako
TG we-Calculate Editorial Team. (2026). Konwerter kolorów RGB na HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/pl/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Konwerter kolorów RGB na HSL." TG we-Calculate. 2026. https://we-calculate.com/pl/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Konwerter kolorów RGB na HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/pl/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Konwerter kolorów RGB na HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/pl/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Czy ten kalkulator Ci pomógł?