CSS3 – O que é o RGBA?

O RGBA não é exatamente uma propriedade existente no CSS3 como muitos dizem, mas sim um novo modelo de cores introduzido no CSS3.

Assim como no modelo RGB, temos a seguinte correspondência:

  • R: Red
  • G: Green
  • B: Blue

Para o RGBA existe também o A, ou alfa, que permite mencionar a opacidade de uma cor. Isso permite que o  desenvolvedor tenha em mãos uma grande quantidade de cores diferentes.

Para obter a cor red, precisaríamos da gama rgb(255,0,0) ou rgb(100%, 0%,0%). Caso você queria adicionar uma opacidade de 50% à essa cor, utilizaria o código abaixo:

[sourcecode language=”html”] .colorred_50{
color: rgba(255,0,0,0.5)
}
[/sourcecode]

ou

[sourcecode language=”html”] .colorred_50{
color: rgba(100%,0%,0%,0.5)
}
[/sourcecode]

O efeito visual para o código acima é:

A opacidade varia de 0 à 1.

Essa propriedade funciona em:

 

// Comente!

comentários

eufacoprogramas

Olá, eu sou a Gabi e eu criei o "Eu Faço Programas" em 2011, quando ainda trabalhava em desenvolvimento web. Atualmente meu trabalho é focado em estratégia digital e redes sociais. Quer saber mais? www.imgabi.com

4 Comentários

// Siga as boas práticas: Comente!