Převod HSL na HEX
Nastavte odstín, sytost a světlost a získejte odpovídající šestimístný kód barvy HEX připravený ke kopírování.
Hodnota hsl
Výsledek · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Jak na to: HSL na HEX
- 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.
Proč převádět HSL na HEX
HSL je nejintuitivnější způsob, jak sestavit barevný systém. Zafixujete odstín, třeba 262° pro fialovou, a celou škálu vytvoříte hlavně změnou světlosti: kolem 95 % pro pozadí, 58 % pro tlačítka a akcenty, 30 % pro text. Designéři a vývojáři tuto metodu používají pro světlé a tmavé odstíny i tmavé motivy.
Hotovou škálu je ale obvykle nutné dodat jako kódy HEX: manuály stylu, design tokeny, knihovny ve Figmě, brand manuály i mnoho redakčních systémů očekávají hodnoty #RRGGBB. Zadejte hodnoty HSL a zkopírujte výsledek HEX — například z hsl(262, 83%, 58%) se stane #7C3BED. Nástroj pro stejnou barvu ukazuje také RGB, HSV a CMYK. Protože HEX dokáže uložit jen 256 úrovní na kanál, velmi malé změny v HSL kód HEX vždy nezmění.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.