Prevod HEX na HSL — odtieň, sýtosť a svetlosť
Zadajte hexadecimálny kód farby (napr. #FF5733) a získajte hodnoty HSL — odtieň, sýtosť a svetlosť. HSL sa skvele hodí na ladenie farebných paliet, pretože stačí meniť jednu hodnotu. Funguje aj opačne.
Ako to funguje
Zadajte vstup
Vložte text, hodnotu alebo vyberte súbor, ktorý chcete spracovať.
Spracujte okamžite
Nástroj funguje priamo v prehliadači a zobrazí výsledok naživo.
Skopírujte alebo stiahnite
Výsledok jedným klikom skopírujte do schránky alebo stiahnite.
O prevode HEX na HSL
HSL (Hue, Saturation, Lightness) popisuje farbu pomocou odtieňa (0–360°), sýtosti (0–100 %) a svetlosti (0–100 %). Oproti HEX je intuitívnejší pre prácu s farbami — ak chcete farbu zosvetliť alebo stlmiť, stačí zmeniť jednu hodnotu, namiesto toho aby ste počítali nové hexadecimálne zložky. Dizajnéri a vývojári preto prevádzajú HEX na HSL pri tvorbe farebných paliet, hover stavov a farebných variácií v CSS. Náš prevodník prepočíta hodnoty okamžite, zobrazí živý náhľad a výsledok vo formáte hsl() skopírujete priamo do štýlov. Funguje aj opačným smerom z HSL na HEX.
Časté otázky
Súvisiace nástroje
Potrebujete tento nástroj pre firmu?
Hromadné spracovanie, vyššie limity, API prístup alebo nasadenie na mieru? Napíšte nám a pripravíme riešenie pre vašu firmu.