Función CSS rgba()

CSS 函数Funciones CSS

Ejemplo

Usar color RGBA y transparencia:

#p1 {background-color:rgba(255,0,0,0.3);} /*rojo*/ #p2 {background-color:rgba(0,255,0,0.3);} /*verde*/ #p3 {background-color:rgba(0,0,255,0.3);} /*Azul*/

Pruébalo »

Definición y uso

La función rgba() usa una combinación de rojo (R), verde (G), azul (B) y transparencia (A) para generar una variedad de colores.

RGBA significa rojo, verde, azul y alfa (inglés: Red, Green, Blue, Alpha).

  • Rojo (R)Un número entero entre 0 y 255 que representa el componente rojo del color.
  • Verde (G)Un número entero entre 0 y 255 que representa el componente verde del color.
  • Azul (B)Un número entero entre 0 y 255 que representa el componente azul del color.
  • Transparencia (A)Toma un valor entre 0 y 1 y representa la transparencia.

Versión compatible: CSS3

Soporte del navegador

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

Función
rgba() 1.0 4.0 1.0 1.0 3.5

Sintaxis CSS

rgba(red, green, blue, alpha)
Valor Descripción
red Define el valor rojo, con un rango de 0 a 255, también puede usar porcentajes de 0% a 100%.
green Define el valor verde, con un rango de 0 a 255, también puede usar porcentajes de 0% a 100%.
blue Define el valor azul, con un rango de 0 a 255, también puede usar porcentajes de 0% a 100%.
alpha - transparencia Define la transparencia de 0 (completamente transparente) a 1 (completamente opaco).

CSS 函数Funciones CSS

Otras extensiones