Função rgba() do CSS

Exemplo

Defina diferentes cores RGB com opacidade (RGBA):

#p1 {background-color:rgba(255,0,0,0.3);} /* Vermelho com opacidade */
#p2 {background-color:rgba(0,255,0,0.3);} /* Verde com opacidade */
#p3 {background-color:rgba(0,0,255,0.3);} /* Azul com opacidade */

Experimente você mesmo

Definição e uso

A função rgba() define cores usando o modelo Red-green-blue-alpha (RGBA).

O valor de cor RGBA é uma extensão do valor de cor RGB, que possui um canal alpha para especificar a opacidade da cor.

Versão: CSS3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta plenamente essa função.

Função
rgba() 1.0 9.0 3.0 3.1 10.0

Sintaxe CSS

rgba(red, green, blue, alpha)
Valor Descrição
red Define a intensidade vermelha como um inteiro entre 0 e 255, ou como uma porcentagem entre 0% e 100%.
green Define a intensidade verde como um inteiro entre 0 e 255, ou como uma porcentagem entre 0% e 100%.
blue Define a intensidade azul como um inteiro entre 0 e 255, ou como uma porcentagem entre 0% e 100%.
alpha Definir a opacidade como um número entre 0,0 (completamente transparente) e 1,0 (completamente opaco).