Převod RGB na HSL
Převeďte hodnoty červené, zelené a modré na odstín, sytost a světlost pro snazší ladění barev v CSS.
Hodnota rgb
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: RGB 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.
RGB versus HSL
RGB skládá barvu ze tří světelných kanálů, což vyhovuje obrazovkám, ale ručně se špatně upravuje: aby byla rgb(255, 61, 114) o něco tmavší, musíte změnit všechna tři čísla. HSL popisuje stejnou barvu jako odstín, tedy úhel na barevném kole od 0 do 360°, plus sytost a světlost v procentech, takže z oné růžové se stane hsl(344, 100%, 62%).
Díky této struktuře je HSL ideální pro tvorbu odstínů a motivů. Zachovejte odstín a sytost a snižte světlost, abyste získali stav při najetí nebo stisknutí, zvyšte ji pro tónované pozadí, nebo snižte sytost pro tlumenou verzi. Všechny moderní prohlížeče přijímají hsl() v CSS, takže výsledek můžete vložit přímo. Převodník zaokrouhluje hodnoty na celá čísla, takže zpětný převod může posunout kanál o jeden stupeň.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.