RGB-HSL szín átváltó
Alakíts át vörös, zöld és kék csatornaértékeket a HSL színmodellbe, megadva a színárnyalatot fokban, valamint a telítettséget és a világosságot százalékban.
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.
Hogyan működik ez a kalkulátor?
Oszd el minden RGB csatornát 255-tel, majd vedd a max és min értéket. A világosság ezek átlaga, a telítettség a chroma osztva (1 − |2L − 1|)-gyel, a színárnyalat pedig a domináns csatornából jön. Az eredmény HSL: színárnyalat fokban, valamint telítettség és világosság százalékban.
Képlet
How this is calculated
Add meg a három RGB csatornát (R, G, B), mindegyiket 0-tól 255-ig. Az értékek erre a tartományra vannak vágva és 255-tel osztva, így minden csatorna egy 0 és 1 közötti törtté válik. A három tört közül a legnagyobb a max, a legkisebb a min.
A világosság a szélsőértékek középpontja, L = (max + min) / 2. A chroma d = max − min vezérli a telítettséget: S = d / (1 − |2L − 1|), ami 0 bármely szürke esetén, ahol a max egyenlő a min-nel. A színárnyalat abból a csatornából van megtalálva, amelyik a maximum — a vörös 60·(((g−b)/d) mod 6)-ot ad, a zöld 60·((b−r)/d + 2)-t, a kék pedig 60·((r−g)/d + 4)-et; egy negatív eredmény 360 hozzáadásával fordul körbe.
A kimenetek H fokban (0–360°), valamint S és L százalékra skálázva (×100). Tiszta szürkéknél (R = G = B) a színárnyalat és a telítettség egyaránt 0, és csak a világosság változik. Az átváltás pontos és veszteségmentes, a megjelenített százalék-kerekítéstől eltekintve.
Gyakran ismételt kérdések
Amikor az R, G és B azonos, a szín a szürke egy árnyalata, így a chroma (max − min) nulla. Színtartalom nélkül nincs színárnyalat vagy telítettség, csak a világosság változik a feketétől a fehérig.
A színárnyalat fokban 0-tól 360°-ig van jelentve, míg a telítettség és a világosság 0%-tól 100%-ig terjedő százalék. Ez megegyezik a CSS hsl() jelöléssel, így az értékeket közvetlenül a stíluslapokba illesztheted.
Nem. A HSL világosság a legvilágosabb és legsötétebb csatorna átlaga, így a tiszta színek 50% világosságon ülnek. A HSV érték csak a maximális csatornát használja, így a két modell eltérő számokat jelent ugyanarra a színre.
Más néven
TG we-Calculate Editorial Team. (2026). RGB-HSL szín átváltó [Online calculator]. TG we-Calculate. https://we-calculate.com/hu/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB-HSL szín átváltó." TG we-Calculate. 2026. https://we-calculate.com/hu/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB-HSL szín átváltó," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/hu/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB-HSL szín átváltó}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/hu/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Segített ez a kalkulátor?