1. Zadejte hodnotu
Zadejte číslo do vstupního pole.
Převést RGB na HSL
Tento převodník převádí okamžitě. Zadejte hodnotu a výsledek se zobrazí ihned.
Loading tool editor...
Kdy je potřeba převádět RGB na HSL?
HSL (Odstín, Sytost, Světlost) je intuitivnější reprezentace barev. Odstín = úhel (0–360°), Sytost = intenzita (0–100 %), Světlost = světlá/tmavá (0–100 %).
Veškeré výpočty probíhají lokálně.
Jak použít převodník?
2. Přečtěte výsledek
Výsledek se zobrazí okamžitě.3. Zkopírujte nebo obraťte
Zkopírujte výsledek nebo obraťte směr převodu.
Kdy je tento převodník užitečný?
CSS manipulace
HSL usnadňuje hover: ztmavit snížením L, odesítit snížením S.Design systémy
Konzistentní barevné škály variací světlosti.Teorie barev
HSL odpovídá barevnému kruhu. Komplementární = H+180°.Přístupnost
HSL světlost pomáhá zajistit dostatečný kontrast.
Čím se tento převodník liší?
Plné soukromí
Všechny výpočty probíhají lokálně ve vašem prohlížeči.Výsledky v reálném čase
Výsledek se aktualizuje během zadávání.Obousměrný převod
Převádějte oběma směry jedním kliknutím.Referenční tabulka
Tabulka s běžnými hodnotami a kontextovými popisy.
Jak funguje převod?
Normalizujte RGB na 0–1. Najděte max a min. L = (max + min) / 2.
HSL je plně reverzibilní — zpět na RGB dá přesně stejnou barvu.
Jak funguje převod?
Normalizujte RGB na 0–1. Najděte max a min. L = (max + min) / 2.
HSL je plně reverzibilní — zpět na RGB dá přesně stejnou barvu.
RGB vs HSL
| Vlastnost | RGB | HSL |
|---|---|---|
| Model | Aditivní kanály | Odstín/Sytost/Světlost |
| Hodnoty | 0–255 na kanál | H: 0–360°, S/L: 0–100 % |
| Intuitivní | Těžko odhadnout | Snadno upravit |
| Teorie barev | Není kruhové | Odpovídá kruhu |
| CSS | rgb(R, G, B) | hsl(H, S %, L %) |
RGB
- Model
Aditivní kanály - Hodnoty
0–255 na kanál - Intuitivní
Těžko odhadnout - Teorie barev
Není kruhové - CSS
rgb(R, G, B)
HSL
- Model
Odstín/Sytost/Světlost - Hodnoty
H: 0–360°, S/L: 0–100 % - Intuitivní
Snadno upravit - Teorie barev
Odpovídá kruhu - CSS
hsl(H, S %, L %)
Převést RGB na jiné jednotky
Další převodníky jednotek
Často kladené otázky
Pomozte nám vylepšit naše nástroje
Máte nápad, našli jste chybu nebo chcete navrhnout funkci? Napište nám – odpovídme do 24 hodin.