07-Colores RGB en CSS

Un valor de color RGB representa la luz ROJA, VERDE y AZUL fuentes.

un color se puede especificar como un valor RGB, utilizando esta 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 en rojo, porque el rojo se establece en su valor más alto (255) y los otros son establecido en 0.

Para mostrar negro, configure todos los parámetros de color en 0, así: rgb (0, 0, 0).

Para mostrar el blanco, establezca todos los parámetros de color en 255, como esto: rgb (255, 255, 255).

---

Ejemplos

rgb(0, 0, 255)

rgb(60, 179, 113)

rgb(238, 130, 238)

rgb(255, 165, 0)

rgb(106, 90, 205)

---

...

Los tonos de gris a menudo se definen utilizando valores iguales para las 3 fuentes de luz:

rgb(60, 60, 60)

rgb(90, 90, 90)

rgb(120, 120, 120)

rgb(180, 180, 180)

rgb(210, 210, 210)

rgb(240, 240, 240)

---

Valor RGBA

Los valores de color RGBA son una extensión de los valores de color RGB con un canal alfa - que especifica la opacidad de un color.

Un valor de color RGBA es especificado con:

rgba ( rojo, verde , azul, alfa )

El parámetro alfa es un número. entre 0.0 (totalmente transparente) y 1.0 (nada transparente):

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)

---

Ir al indice