Cómo crear un RGBA blanco en HTML

rgba () es una función CSS incorporada y su nombre se abrevia para rojo, verde, azul y alfa. Es una extensión de la función rgb () que ofrece un canal alfa para establecer la opacidad del color. También nos permite crear diferentes colores utilizando la función CSS RGBA ().

En este artículo, aprenderemos cómo crear un RGBA blanco en HTML con la ayuda de la función RGBA ().

Crea un RGBA blanco en HTML

rgba () especifica una secuencia de valores que puede cambiar el color de un elemento como su color de fondo, color de imagen, color de la caja, etc. Además, también se puede utilizar para crear un color blanco utilizando un conjunto específico de valores de RGBA.

Sintaxis

En CSS, puede usar la siguiente sintaxis para crear un color con valores RGBA:

RGBA (rojo, verde, azul, alfa)

Aquí, la intensidad del color se define por cada parámetro (rojo, verde, azul, alfa). Usando esta fórmula, podemos mostrar RGBA blanco configurando todos los parámetros de color en "255", Y alfa a"0". En general, los rangos alfa comienzan desde 0.0 y termina en 1.0, donde 0.0 indica transparencia completa y 1.0 no denota transparencia en absoluto.

Para aclarar los puntos mencionados anteriormente, pasemos al ejemplo.

Ejemplo: Creación de RGBA blanco en HTML usando la función RGBA ()

Para crear un RGBA blanco, primero agregaremos un contenedor usando el ""Etiqueta en nuestro archivo HTML:

En el siguiente paso, asignaremos valores al ancho y la altura como "50%" y "200px". Luego, agregue cualquier color de fondo del DIV usando la función RGBA () en CSS. Después de eso, coloque el color del borde "negro sólido"Para crear una diferencia entre toda la página web y el DIV:

.RGBA
Ancho: 50%;
Altura: 200px;
Antecedentes: RGBA (23, 1, 36, 0.7);

.RGBA
borde: 5px negro sólido;

Actualmente, nuestra página web se ve así:

Ahora, estableceremos White RGBA como el fondo de nuestro contenedor pasando "255, 255, 255, 0"Como argumento para la función rgba ():

.RGBA
Ancho: 50%;
Altura: 200px;
Antecedentes: RGBA (255, 255, 255, 0);

.RGBA
borde: 5px negro sólido;

Después de implementar el código dado, consulte sus resultados:

Nota: También puede crear color RGBA blanco utilizando la función RGBA () configurando el valor de rojo, azul verde y alfa a "0".

Conclusión

Para crear un color blanco, pase los tres primeros parámetros de la función rgba () como "255"Y el parámetro alfa como"0". También puede generar RGBA blanco pasando los valores de todos los parámetros como "0". Además, la función rgba () nos permite establecer los diferentes colores en elementos HTML. Este artículo demostró el método de crear RGBA blanco en HTML.