RGB į HSL spalvų keitiklis
Paverskite raudonos, žalios ir mėlynos kanalų reikšmes HSL spalvų modeliu, suteikdami atspalvį laipsniais bei sodrumą ir šviesumą procentais.
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.
Kaip veikia ši skaičiuoklė?
Kiekvieną RGB kanalą padalykite iš 255, tada paimkite max ir min. Šviesumas yra jų vidurkis, sodrumas yra chroma, padalyta iš (1 − |2L − 1|), o atspalvis gaunamas iš dominuojančio kanalo. Rezultatas yra HSL: atspalvis laipsniais bei sodrumas ir šviesumas procentais.
Formulė
How this is calculated
Įveskite tris RGB kanalus (R, G, B), kiekvieną nuo 0 iki 255. Reikšmės apribojamos į šį diapazoną ir dalijamos iš 255, todėl kiekvienas kanalas tampa trupmena tarp 0 ir 1. Didžiausia iš trijų trupmenų yra max, o mažiausia — min.
Šviesumas yra kraštinių reikšmių vidurys, L = (max + min) / 2. Chroma d = max − min lemia sodrumą: S = d / (1 − |2L − 1|), kuris yra 0 bet kuriam pilkam atspalviui, kur max lygu min. Atspalvis randamas iš to kanalo, kuris yra maksimumas — raudonas duoda 60·(((g−b)/d) mod 6), žalias duoda 60·((b−r)/d + 2), o mėlynas duoda 60·((r−g)/d + 4); neigiamas rezultatas apvyniojamas pridedant 360.
Išvestys yra H laipsniais (0–360°), o S ir L išmasteluoti į procentus (×100). Grynai pilkiems (R = G = B) atspalvis ir sodrumas abu yra 0, ir keičiasi tik šviesumas. Konvertavimas yra tikslus ir be nuostolių, išskyrus rodomą procentų apvalinimą.
Dažnai užduodami klausimai
Kai R, G ir B identiški, spalva yra pilkio atspalvis, todėl chroma (max − min) yra nulis. Be spalvos turinio nėra atspalvio ar sodrumo — keičiasi tik šviesumas nuo juodos iki baltos.
Atspalvis pateikiamas laipsniais nuo 0 iki 360°, o sodrumas ir šviesumas — procentais nuo 0 % iki 100 %. Tai atitinka CSS hsl() notaciją, todėl reikšmes galite tiesiogiai įklijuoti į stiliaus aprašus.
Ne. HSL šviesumas yra šviesiausio ir tamsiausio kanalų vidurkis, todėl grynos spalvos yra ties 50 % šviesumu. HSV reikšmė (value) naudoja tik maksimalų kanalą, todėl abu modeliai tai pačiai spalvai pateikia skirtingus skaičius.
Taip pat žinomas kaip
TG we-Calculate Editorial Team. (2026). RGB į HSL spalvų keitiklis [Online calculator]. TG we-Calculate. https://we-calculate.com/lt/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "RGB į HSL spalvų keitiklis." TG we-Calculate. 2026. https://we-calculate.com/lt/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "RGB į HSL spalvų keitiklis," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/lt/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {RGB į HSL spalvų keitiklis}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/lt/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Ar ši skaičiuoklė jums padėjo?