Konvertor HSL na RGBA
Preveďte odtieň, sýtosť a svetlosť na hodnotu rgba() pripravenú pre priehľadnosť v CSS.
Hodnota hsl
Výsledok · 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%)
Ako na to: HSL na RGBA
- 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.
O HSL a RGBA
HSL a RGBA vychádzajú z dvoch rôznych spôsobov uvažovania o farbe. HSL definuje farbu odtieňom, sýtosťou a svetlosťou, vďaka čomu sa ľahko navrhuje sada príbuzných odtieňov. RGBA ju definuje hodnotami červeného, zeleného a modrého kanála od 0 do 255 plus alfa kanálom pre krytie — formát, ktorý očakáva mnoho javascriptových knižníc, kód na kreslenie na canvas, nástroje na grafy aj staršie kódové základne CSS.
Konvertor premení vaše hodnoty HSL na rgba() s alfou nastavenou na 1, teda úplne nepriehľadnú. Upravte toto posledné číslo a získate priehľadnosť: 0.8 pre mierne priesvitný panel, 0.3 pre prekrytie cez fotku, 0 pre neviditeľnú farbu. Tip: v modernom CSS môžete alfu pridať priamo aj k HSL, napríklad hsl(160 60% 45% / 0.3), ale rgba() je bezpečnejšou voľbou, keď knižnica alebo e-mailová šablóna novšiu syntax nepodporuje.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.