Konvertor HEX na RGBA
Preveďte kód HEX na hodnotu rgba(), ktorú úpravou čísla alfa urobíte polopriehľadnou.
Hodnota hex
Výsledok · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Ako na to: HEX 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 HEX a RGBA
RGBA je RGB so štvrtou zložkou, alfa kanálom, ktorý nastavuje krytie od 0 (úplne priehľadné) po 1 (úplne nepriehľadné). Štandardný šesťmiestny kód HEX, napríklad #6A5ACD, žiadnu priehľadnosť nenesie, preto ho konvertor vráti ako rgba(106, 90, 205, 1) — rovnakú farbu s plným krytím.
Aby bola priesvitná, zmeňte posledné číslo: rgba(106, 90, 205, 0.5) je napoly priehľadná a 0.15 dá jemný nádych. Takto sa zvyčajne vytvárajú prekrytia cez fotky, jemné tiene, zvýraznenia pri prejdení myšou a priesvitné pozadia bez definovania osobitnej svetlejšej farby. Na rozdiel od vlastnosti opacity ovplyvní alfa v rgba() iba túto jednu farbu, takže text vnútri polopriehľadného boxu zostane ostrý.
Moderné CSS prijíma aj osemmiestne kódy HEX s alfou, ako #6A5ACD80, ale rgba() sa lepšie číta aj upravuje a funguje aj v starších prehliadačoch a e-mailových klientoch.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.