Převodník barev RGB na HSL
Převeďte hodnoty kanálů červené, zelené a modré na barevný model HSL, který udává odstín ve stupních a sytost a světlost v procentech.
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 tato kalkulačka funguje?
Vydělte každý kanál RGB číslem 255, poté vezměte max a min. Světlost je jejich průměr, sytost je chroma dělená (1 − |2L − 1|) a odstín plyne z dominantního kanálu. Výsledkem je HSL: odstín ve stupních plus sytost a světlost v procentech.
Vzorec
How this is calculated
Zadejte tři kanály RGB (R, G, B), každý od 0 do 255. Hodnoty se omezí do tohoto rozsahu a vydělí 255, takže každý kanál se stane zlomkem mezi 0 a 1. Největší ze tří zlomků je max a nejmenší je min.
Světlost je střed mezi extrémy, L = (max + min) / 2. Chroma d = max − min řídí sytost: S = d / (1 − |2L − 1|), což je 0 pro jakoukoli šeď, kde se max rovná min. Odstín se zjišťuje z toho kanálu, který je maximem — červená dává 60·(((g−b)/d) mod 6), zelená dává 60·((b−r)/d + 2) a modrá dává 60·((r−g)/d + 4); záporný výsledek se zalomí přičtením 360.
Výstupy jsou H ve stupních (0–360°) a S a L škálované na procenta (×100). U čistých šedí (R = G = B) jsou odstín i sytost rovny 0 a mění se pouze světlost. Převod je přesný a bezeztrátový, kromě zobrazeného zaokrouhlení procent.
Často kladené otázky
Když jsou R, G a B shodné, jde o odstín šedi, takže chroma (max − min) je nulová. Bez barevného obsahu není odstín ani sytost, mění se pouze světlost od černé k bílé.
Odstín se uvádí ve stupních od 0 do 360°, zatímco sytost a světlost jsou procenta od 0 % do 100 %. To odpovídá zápisu CSS hsl(), takže hodnoty můžete vložit přímo do stylů.
Ne. Světlost v HSL je průměr nejsvětlejšího a nejtmavšího kanálu, takže čisté barvy leží na 50% světlosti. Hodnota (value) v HSV používá pouze maximální kanál, takže oba modely uvádějí pro stejnou barvu jiná čísla.
Také známé jako
TG we-Calculate Editorial Team. (2026). Převodník barev RGB na HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/cs/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Převodník barev RGB na HSL." TG we-Calculate. 2026. https://we-calculate.com/cs/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Převodník barev RGB na HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/cs/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Převodník barev RGB na HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/cs/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
Pomohla vám tato kalkulačka?