Konvertor RGB na HSL
Preveďte hodnoty červenej, zelenej a modrej na odtieň, sýtosť a svetlosť pre ľahšie ladenie farieb v CSS.
Hodnota rgb
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: RGB 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.
RGB verzus HSL
RGB skladá farbu z troch svetelných kanálov, čo vyhovuje obrazovkám, ale ručne sa zle upravuje: aby bola rgb(255, 61, 114) o niečo tmavšia, musíte zmeniť všetky tri čísla. HSL opisuje rovnakú farbu ako odtieň, teda uhol na farebnom kolese od 0 do 360°, plus sýtosť a svetlosť v percentách, takže z tejto ružovej sa stane hsl(344, 100%, 62%).
Vďaka tejto štruktúre je HSL ideálny na tvorbu odtieňov a motívov. Zachovajte odtieň a sýtosť a znížte svetlosť, aby ste získali stav pri prejdení myšou alebo stlačení, zvýšte ju pre tónované pozadie, alebo znížte sýtosť pre tlmenú verziu. Všetky moderné prehliadače prijímajú hsl() v CSS, takže výsledok môžete vložiť priamo. Konvertor zaokrúhľuje hodnoty na celé čísla, takže spätný prevod môže posunúť kanál o jeden stupeň.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.