Colores HTML RGB y RGBA Flashcards
Colores HTML RGB y RGBA
Un valor de color RGB representa fuentes de luz ROJA, VERDE y AZUL.
Un valor de color RGBA es una extensión de RGB con un canal Alfa (opacidad).
Valores de color RGB
En HTML, un color se puede especificar como un valor RGB mediante esta fórmula:
rgb ( rojo, verde , azul )
Cada parámetro (rojo, verde y azul) define la intensidad del color con un valor entre 0 y 255.
¡Esto significa que hay 256 x 256 x 256 = 16777216 colores posibles!
Por ejemplo, rgb(255, 0, 0) se muestra en 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 en verde, porque el verde está configurado en su valor más alto (255) y los otros dos (rojo y azul) están configurados en 0.
Para mostrar negro, establezca todos los parámetros de color en 0, así: rgb(0, 0, 0).
Para mostrar blanco, configure todos los parámetros de color en 255, así: rgb(255, 255, 255).
Experimente mezclando los valores RGB a continuación:
RGB(255, 99, 71)
ROJO
255
VERDE
99
AZUL
71
Sombras de gris
rgb(60, 60, 60)
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 con:
rgba ( rojo, verde , azul, alfa )
El parámetro alfa es un número entre 0,0 (completamente transparente) y 1,0 (nada transparente):
Experimente mezclando los valores RGBA a continuación:
rgba(255, 99, 71, 0,5)
ROJO
255
VERDE
99
AZUL
71
ALFA
0,5
Ejemplo
rgba(255, 99, 71, 0)