Colores RGB de CSS

Valores RGB

En CSS, se puede especificar el color como valor RGB utilizando la siguiente fórmula:

rgb(rojo, verde, azul)

cada parámetro (rojo,verde y azul) define la intensidad del color entre 0 y 255.

Por ejemplo, rgb(255, 0, 0) se muestra como rojo, porque el rojo se establece en el valor máximo (255), mientras que los otros se establecen en 0.

Para mostrar negro, configure todos los parámetros de color en 0, como se muestra a continuación: rgb(0, 0, 0).

Para mostrar blanco, configure todos los parámetros de color en 255, como se muestra a continuación: rgb(255, 255, 255).

Por favor, realice experimentos mezclando los siguientes valores RGB:

 

ROJO

255

VERDE

0

AZUL

0

Ejemplo

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

Prueba personalmente

Generalmente, se utilizan valores iguales para los tres tipos de luces para definir sombras grises:

Ejemplo

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

Prueba personalmente

Valores RGBA

El valor de color RGBA es una extensión del valor de color RGB con canal alpha - especifica la opacidad del color.

Los valores de color RGBA se especifican como:

rgba(rojo, verde, azul, alfa)

alfa Los parámetros son números entre 0.0 (completamente transparente) y 1.0 (completamente opaco):

Por favor, experimente mezclando los siguientes valores RGBA:

 

ROJO

255

VERDE

0

AZUL

0

ALPHA

0

Ejemplo

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

Prueba personalmente