Převod HEX na HSL
Převeďte kód barvy HEX na odstín, sytost a světlost a snadno vytvořte světlejší i tmavší odstíny.
Hodnota hex
Výsledek · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Jak na to: HEX na HSL
- 1
Zadejte barvu
Napište kód barvy nebo ji vyberte pomocí výběru barvy — každé pole přijímá formát, který zobrazuje.
- 2
Podívejte se na převod
Výsledek se aktualizuje okamžitě během psaní, spolu s živým náhledem barvy.
- 3
Zkopírujte kód
Zkopírujte potřebnou hodnotu jedním kliknutím a vložte ji do svého návrhu, CSS nebo nastavení tisku.
Barvy HEX a HSL
HEX je způsob zápisu barev v CSS a grafických nástrojích: znak # následovaný třemi dvojicemi šestnáctkových číslic pro červenou, zelenou a modrou. HSL popisuje stejnou barvu tak, jak o ní přemýšlejí lidé — odstín jako úhel na barevném kole od 0 do 360°, sytost a světlost v procentech.
Převod na HSL se hodí, když potřebujete varianty jedné barvy: zachovejte odstín a měňte světlost, abyste získali světlejší a tmavší odstíny pro stavy při najetí, pozadí a ohraničení. Prohlížeče rozumějí oběma zápisům, například hsl(342, 100%, 62%). Vložte tří- nebo šestimístný kód se znakem # nebo bez něj a zkopírujte výsledek hsl(); zobrazí se také RGB, HSV a CMYK.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.