Konvertor HEX na HSL
Preveďte kód farby HEX na odtieň, sýtosť a svetlosť a ľahko vytvorte svetlejšie aj tmavšie odtiene.
Hodnota hex
Výsledok · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Ako na to: HEX na HSL
- 1
Zadajte farbu
Napíšte kód farby alebo ju vyberte pomocou výberu farby — každé pole prijíma formát, ktorý zobrazuje.
- 2
Pozrite si prevod
Výsledok sa aktualizuje okamžite počas písania, spolu so živým náhľadom farby.
- 3
Skopírujte kód
Skopírujte potrebnú hodnotu jedným kliknutím a vložte ju do svojho návrhu, CSS alebo nastavení tlače.
Farby HEX a HSL
HEX je spôsob zápisu farieb v CSS a grafických nástrojoch: znak # nasledovaný tromi dvojicami šestnástkových číslic pre červenú, zelenú a modrú. HSL opisuje rovnakú farbu tak, ako o nej rozmýšľajú ľudia — odtieň ako uhol na farebnom kolese od 0 do 360°, sýtosť a svetlosť v percentách.
Prevod na HSL sa hodí, keď potrebujete varianty jednej farby: zachovajte odtieň a meňte svetlosť, aby ste získali svetlejšie a tmavšie odtiene pre stavy pri prejdení myšou, pozadia a orámovania. Prehliadače rozumejú obom zápisom, napríklad hsl(342, 100%, 62%). Vložte troj- alebo šesťmiestny kód so znakom # alebo bez neho a skopírujte výsledok hsl(); zobrazí sa aj RGB, HSV a CMYK.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.