Utilizando RGBA do CSS3

Há um tempo atrás eu não utilizava CSS3 pra declarar cores por um motivo bem conhecido: Suporte no IE. O nosso amado navegador da Microsoft só implementou o suporte na versão 9. Resolvi começar a usar CSS3 com mais frequência e aplicar Progressive Enchancement nos projetos – e é claro, usar sempre um fallback pros usuários que usam o maldito IE.

O RGBA é uma declaração simples, que utiliza o RGB normal com uma última declaração – o “A” – para o alpha, que é responsável pela transparência.

Aplicando o RBGA

Declarando uma fonte com a cor vermelha com 50% de transparência.

.exemplo {
    color: rgba(255,0,0,0.5)
}

Pra pegar os valores com precisão, veja no layout a opacidade (opacity) e a cor do objeto que ja é exibida em RGB, entre outros. Ex: Na imagem abaixo.

Bem, por enquanto é isso! Comentem, perguntem, enviem feedbacks, whatever.