Pretvarač boja RGB u HSL
Pretvorite vrijednosti crvenog, zelenog i plavog kanala u HSL model boja, dajući vam nijansu u stupnjevima te zasićenost i svjetlinu kao postotke.
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.
Kako radi ovaj kalkulator?
Podijelite svaki RGB kanal s 255, zatim uzmite maksimum i minimum. Svjetlina je njihov prosjek, zasićenost je kroma podijeljena s (1 − |2L − 1|), a nijansa dolazi iz dominantnog kanala. Rezultat je HSL: nijansa u stupnjevima te zasićenost i svjetlina kao postoci.
Formula
How this is calculated
Unesite tri RGB kanala (R, G, B), svaki od 0 do 255. Vrijednosti se ograničavaju u taj raspon i dijele s 255 pa svaki kanal postaje razlomak između 0 i 1. Najveći od tri razlomka je max, a najmanji je min.
Svjetlina je srednja vrijednost krajnosti, L = (max + min) / 2. Kroma d = max − min pokreće zasićenost: S = d / (1 − |2L − 1|), koja je 0 za svaku sivu gdje je max jednak min. Nijansa se pronalazi iz kanala koji je maksimum — crvena daje 60·(((g−b)/d) mod 6), zelena daje 60·((b−r)/d + 2), a plava daje 60·((r−g)/d + 4); negativan rezultat omota se dodavanjem 360.
Izlazi su H u stupnjevima (0–360°), te S i L skalirani u postotke (×100). Za čiste sive (R = G = B) nijansa i zasićenost su obje 0 i mijenja se samo svjetlina. Pretvorba je točna i bez gubitaka, osim prikazanog zaokruživanja postotaka.
Često postavljana pitanja
Kad su R, G i B identični, boja je nijansa sive, pa je kroma (max − min) nula. Bez sadržaja boje nema nijanse ni zasićenosti, mijenja se samo svjetlina od crne do bijele.
Nijansa se prikazuje u stupnjevima od 0 do 360°, dok su zasićenost i svjetlina postoci od 0% do 100%. To odgovara CSS hsl() notaciji, pa vrijednosti možete izravno zalijepiti u stilske listove.
Ne. HSL svjetlina je prosjek najsvjetlijeg i najtamnijeg kanala, pa čiste boje leže na 50% svjetline. HSV vrijednost koristi samo maksimalni kanal, pa dva modela prikazuju različite brojeve za istu boju.
Poznato i kao
TG we-Calculate Editorial Team. (2026). Pretvarač boja RGB u HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/hr/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Pretvarač boja RGB u HSL." TG we-Calculate. 2026. https://we-calculate.com/hr/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Pretvarač boja RGB u HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/hr/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Pretvarač boja RGB u HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/hr/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Je li vam ovaj kalkulator pomogao?