Cores RGBA

A propriedade CSS3 rgba destina-se a definir cores e transparência com uso de valores RGB.

A sintaxe geral para aplicar cores é mostrada a seguir.


seletor { propriedade: rgba(R, G, B, A); } 

Na sintaxe mostrada propriedade é qualquer propriedade CSS que aceite um valor para cores (por exemplo: color, background, border-color, etc).
O valor A é opcional e varia de 0 (transparente) até 1 (opaco). Os valores RGB podem ser expressos por um número de 0 a 255 ou por porcentagem de 0% até 100%.

Interativo

Acione os sliders para definir a cor de fundo e transparência.

R = 0
G = 0
B = 0
A = 1


seletor { background: rgba(0, 0, 0, 1); }