Převod HSL na RGBA
Převeďte odstín, sytost a světlost na hodnotu rgba() připravenou pro průhlednost v CSS.
Hodnota hsl
Výsledek · RGBA
rgba(255, 61, 119, 1)
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 RGBA
- 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.
O HSL a RGBA
HSL a RGBA vycházejí ze dvou různých způsobů uvažování o barvě. HSL definuje barvu odstínem, sytostí a světlostí, díky čemuž se snadno navrhuje sada příbuzných odstínů. RGBA ji definuje hodnotami červeného, zeleného a modrého kanálu od 0 do 255 plus alfa kanálem pro krytí — formát, který očekává mnoho javascriptových knihoven, kód pro kreslení na canvas, nástroje pro grafy i starší kódové základny CSS.
Převodník promění vaše hodnoty HSL v rgba() s alfou nastavenou na 1, tedy zcela neprůhlednou. Upravte toto poslední číslo a získáte průhlednost: 0.8 pro mírně průsvitný panel, 0.3 pro překryv přes fotku, 0 pro neviditelnou barvu. Tip: v moderním CSS můžete alfu přidat přímo i k HSL, například hsl(160 60% 45% / 0.3), ale rgba() je bezpečnější volbou, když knihovna nebo e-mailová šablona novější syntaxi nepodporuje.
Vše běží lokálně ve vašem prohlížeči — vaše obrázky se nikdy nenahrávají na server.