RGBA é uma cor CSS que pode definir valores de cores e transparência
Abaixo está branco usando rgba() para definir 50% de transparência.
p {
cor: rgba (255, 255, 255, 0,5);
}
RGBA é uma extensão do modelo de cores RGB. Esta sigla representa as primeiras letras das três cores primárias vermelho, verde e azul, e o valor alfa representa a transparência/opacidade da cor.
Sintaxe RGBA
O formato da representação de cores RGBA é:
rgba (vermelho, verde, azul, alfa)
Os três primeiros valores (vermelho, verde e azul) variam entre números inteiros entre 0 e 255 ou percentagens entre 0% e 100%. Esses valores descrevem a quantidade das três cores primárias vermelho, verde e azul na cor pretendida.
Se você deseja definir o vermelho puro, defina o parâmetro vermelho como completo, ou seja, 255, e defina os parâmetros verde e azul como 0.
cor de fundo: rgba(255, 0, 0, 1);
resultado:
As porcentagens também podem ser usadas:
cor de fundo: rgba (100%, 0%, 0%, 1);
resultado:
O quarto valor, alfa, especifica a transparência/opacidade da cor e varia de 0,0 a 1,0
O exemplo a seguir é amarelo com 50% de transparência:
cor: rgba (255, 242, 0, 0,5);
A translucidez CSS é compatível com Firefox, IE e Chrome. As versões atuais do navegador são relativamente altas. Você pode ficar à vontade para usá-lo em seu projeto.