Función rgba() de CSS

Ejemplo

Definir diferentes colores RGB con opacidad (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Rojo con opacidad */
#p2 {background-color:rgba(0,255,0,0.3);} /* Verde con opacidad */
#p3 {background-color:rgba(0,0,255,0.3);} /* Azul con opacidad */

Prueba por ti mismo

Definición y uso

La función rgba() define el color utilizando el modelo Red-green-blue-alpha (RGBA).

El valor de color RGBA es una extensión del valor de color RGB, que incluye un canal alpha que permite especificar la opacidad del color.

Versión: CSS3

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente esta función.

Función
rgba() 1.0 9.0 3.0 3.1 10.0

Sintaxis CSS

rgba(red, green, blue, alpha)
Valor Descripción
red Se define la intensidad roja como un entero entre 0 y 255, o un porcentaje entre 0% y 100%.
green Se define la intensidad verde como un entero entre 0 y 255, o un porcentaje entre 0% y 100%.
blue Se define la intensidad azul como un entero entre 0 y 255, o un porcentaje entre 0% y 100%.
alpha Definir la opacidad como un número entre 0.0 (completamente transparente) y 1.0 (completamente opaco).