RGBA es un color CSS que puede establecer valores de color y transparencia
A continuación se muestra el blanco usando rgba() para establecer un 50% de transparencia.
pag {
color: rgba(255, 255, 255, 0,5);
}
RGBA es una extensión del modelo de color RGB. Este acrónimo representa las primeras letras de los tres colores primarios rojo, verde y azul, y el valor alfa representa la transparencia/opacidad del color.
Sintaxis RGBA
El formato de representación del color RGBA es:
rgba(rojo, verde, azul, alfa)
Los primeros tres valores (rojo, verde y azul) van desde números enteros entre 0 y 255 o porcentajes entre 0% y 100%. Estos valores describen la cantidad de los tres colores primarios rojo, verde y azul en el color deseado.
Si desea configurar el rojo puro, configure el parámetro rojo al máximo, es decir, 255, y establezca los parámetros verde y azul en 0.
color de fondo: rgba(255, 0, 0, 1);
resultado:
También se pueden utilizar porcentajes:
color de fondo: rgba(100%, 0%, 0%, 1);
resultado:
El cuarto valor, alfa, especifica la transparencia/opacidad del color y oscila entre 0,0 y 1,0.
El siguiente ejemplo es amarillo con 50% de transparencia:
color: rgba(255, 242, 0, 0,5);
La translucidez de CSS es compatible con Firefox, IE y Chrome. Las versiones actuales del navegador son relativamente altas. Puedes usarlo libremente en tu proyecto.