RGB till HSL Färgomvandlare
Omvandla röda, gröna och blå kanalvärden till HSL-färgmodellen, vilket ger nyans i grader samt mättnad och ljushet i procent.
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.
Hur fungerar denna kalkylator?
Dividera varje RGB-kanal med 255, ta sedan max och min. Ljushet är deras genomsnitt, mättnad är kromat dividerat med (1 − |2L − 1|), och nyansen kommer från den dominerande kanalen. Resultatet är HSL: nyans i grader plus mättnad och ljushet i procent.
Formel
How this is calculated
Ange de tre RGB-kanalerna (R, G, B), var och en från 0 till 255. Värden klipps till det intervallet och divideras med 255 så att varje kanal blir en bråkdel mellan 0 och 1. Den största av de tre bråkdelarna är max och den minsta är min.
Ljushet är mittpunkten för extremerna, L = (max + min) / 2. Kromat d = max − min driver mättnaden: S = d / (1 − |2L − 1|), vilket är 0 för vilken grå som helst där max är lika med min. Nyansen beräknas från vilken kanal som är maximum — röd ger 60·(((g−b)/d) mod 6), grön ger 60·((b−r)/d + 2) och blå ger 60·((r−g)/d + 4); ett negativt resultat wrappas genom att lägga till 360.
Utdata är H i grader (0–360°) och S och L skalade till procent (×100). För rena gråtoner (R = G = B) är nyans och mättnad båda 0 och bara ljusheten varierar. Omvandlingen är exakt och förlustfri bortsett från den procentavrundning som visas.
Vanliga frågor
När R, G och B är identiska är färgen en gråton, så kromat (max − min) är noll. Med inget färginnehåll finns det ingen nyans eller mättnad, bara ljusheten varierar från svart till vitt.
Nyansen anges i grader från 0 till 360°, medan mättnad och ljushet är procent från 0% till 100%. Detta matchar CSS hsl()-notationen, så du kan klistra in värdena direkt i stilmallar.
Nej. HSL-ljusheten är genomsnittet av den ljusaste och mörkaste kanalen, så rena färger har 50% ljushet. HSV-värdet använder bara den maximala kanalen, så de två modellerna rapporterar olika tal för samma färg.
Även känt som
TG we-Calculate Editorial Team. (2026). RGB till HSL Färgomvandlare [Online calculator]. TG we-Calculate. https://we-calculate.com/sv/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB till HSL Färgomvandlare." TG we-Calculate. 2026. https://we-calculate.com/sv/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB till HSL Färgomvandlare," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/sv/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB till HSL Färgomvandlare}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/sv/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Hjälpte denna kalkylator dig?