Převod HEX na HSL — odstín, sytost a světlost
Zadejte hexadecimální kód barvy (např. #FF5733) a získejte hodnoty HSL — odstín, sytost a světlost. HSL se skvěle hodí pro ladění barevných palet, protože stačí měnit jednu hodnotu. Funguje i opačně.
Jak to funguje
Zadejte vstup
Vložte text, hodnotu nebo vyberte soubor, který chcete zpracovat.
Zpracujte okamžitě
Nástroj funguje přímo v prohlížeči a zobrazí výsledek živě.
Zkopírujte nebo stáhněte
Výsledek jedním klikem zkopírujte do schránky nebo stáhněte.
O převodu HEX na HSL
HSL (Hue, Saturation, Lightness) popisuje barvu pomocí odstínu (0–360°), sytosti (0–100 %) a světlosti (0–100 %). Oproti HEX je intuitivnější pro práci s barvami — chcete-li barvu zesvětlit nebo ztlumit, stačí změnit jednu hodnotu, místo abyste počítali nové hexadecimální složky. Designéři a vývojáři proto převádějí HEX na HSL při tvorbě barevných palet, hover stavů a barevných variací v CSS. Náš převodník přepočítá hodnoty okamžitě, zobrazí živý náhled a výsledek ve formátu hsl() zkopírujete přímo do stylů. Funguje i opačným směrem z HSL na HEX.
Časté otázky
Související nástroje
Potřebujete tento nástroj pro firmu?
Hromadné zpracování, vyšší limity, API přístup nebo nasazení na míru? Napište nám a připravíme řešení pro vaši firmu.