Table of contents
Un valor de color RGB representa las fuentes rojo(
red), verde(green) y azul(blue).
Un valor de color RGBA es una extensión de RGB con un canal alfa(alpha) (opacidad).
Valores de color RGB
En HTML, un color se puede especificar como un valor RGB, utilizando esta fórmula:
rgb (red, green, blue)
Cada parámetro (rojo, verde y azul) define la intensidad del color con un valor que va entre 0 y 255.
Esto significa que hay 256 x 256 x 256 = 16777216 colores posibles😮
Por ejemplo, rgb(255, 0, 0) se muestra de color rojo, porque el rojo está configurado en su valor más alto (255) y los otros dos (verde y azul) están configurados en 0.
Otro ejemplo, rgb(0, 255, 0) se muestra como verde, porque el verde se establece en su valor más alto (255) y los otros dos (rojo y azul) se establecen en 0.
Para mostrar el color negro, establezca todos los parámetros de color en 0, así: rgb(0, 0, 0).
Para mostrar el color blanco, establezca todos los parámetros de color en 255, así: rgb(255, 255, 255).
Ejemplo:
Sombra de grises
Los tonos de gris a menudo se definen utilizando valores iguales para los tres parámetros:
Ejemplo:
Valores de color 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 se especifica así:
rgba(red, green, blue, alpha)
El parámetro alfa es un número entre 0.0 (totalmente transparente) y 1.0 (nada transparente):
Ejemplo:
Resumen
Un color rgb se representa como red, green y blue. El valor rgba es una extensión de rgb, con un canal alfa (opacidad). Las sombras de gris usualmente utilizan los mismos valores iguales para los tres parámetros (rgb).
Traducido con 💚 desde W3Schools.com