Převod HSL na RGB
Zadejte odstín, sytost a světlost a získejte odpovídající hodnoty červeného, zeleného a modrého kanálu od 0 do 255.
Hodnota hsl
Výsledek · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Jak na to: HSL na RGB
- 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.
Z HSL na RGB
HSL je pohodlný způsob navrhování barev: vyberete odstín na barevném kole (0° je červená, 120° zelená, 240° modrá), pak nastavíte sytost — jak živá barva je — a světlost, kde 0 % je černá, 50 % čistý odstín a 100 % bílá. Displeje ale pracují s RGB, tedy s jasem svých červených, zelených a modrých subpixelů, takže barva HSL se před zobrazením vždy převede.
Hodnoty RGB potřebujete, když software HSL nepřijímá: mnoho grafických editorů, barevná API Androidu a iOS, LED pásky, herní enginy a knihovny pro grafy očekávají tři čísla kanálů. Zadejte tři hodnoty HSL a nástroj ukáže výsledek RGB spolu s HEX, HSV a CMYK. Například hsl(200, 80%, 40%) dává rgb(20, 129, 184). Protože se HSL zadává v celých číslech, sousední vstupy někdy dají stejnou barvu RGB.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.