Un valor de color RGB representa las fuentes de luz ROJA, VERDE y AZUL. (RED, GREEN, BLUE). En CSS, 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 entre 0 y 255. Por ejemplo, rgb(255, 0, 0) se muestra como rojo, porque el rojo se establece en su valor más alto (255) y los demás se establecen en 0. Para mostrar negro, configure todos los parámetros de color en 0, así: rgb (0, 0, 0). Para mostrar el blanco, configure todos los parámetros de color en 255, así: rgb (255, 255, 255).
Tonos de gris
Los tonos de gris a menudo se definen utilizando valores iguales para las 3 fuentes de luz:
Valores 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(red, green, blue, alpha)
El parámetro alfa es un número entre 0.0 (totalmente transparente) y 1.0 (nada transparente).
Ejm
<!DOCTYPE html>
<html>
<body>
<h1>Make transparent colors with RGBA</h1>
<h2 style="background-color:rgba(255, 99, 71, 0);">rgba(255, 99, 71, 0)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h2>
<h2 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h2>
<h2 style="background-color:rgba(255, 99, 71, 1);">rgba(255, 99, 71, 1)</h2>
</body>
</html>