RGBA

Significa "Red Green Blue Alpha".

RGBA é um modelo de cores baseado no modelo RGB. Ele mistura luz vermelha, verde e azul para criar qualquer cor do espectro e, em seguida, adiciona um quarto valor, alfa, para indicar a transparência. É um modelo de cores padrão frequentemente usado para edição de imagens e gráficos na Web que exigem níveis graduais de transparência.

O modelo de cores RGBA, assim como o RGB, é aditivo. Quando os três canais de cor estão em seus valores máximos, eles produzem luz branca; em seus valores mínimos, criam preto. O canal alfa adiciona um valor separado para a transparência, variando de 0% (completamente transparente) a 100% (completamente opaco). Um valor de transparência intermediário resulta em um pixel que deixa parte da cor do plano de fundo aparecer. Por exemplo, uma imagem com uma sombra projetada usa um gradiente de pixels cada vez mais transparentes para criar uma sombra que escurece o plano de fundo atrás dela.

A profundidade de cor mais comum para imagens RGBA é de 32 bits por pixel: 8 bits para cada canal — vermelho, verde, azul e alfa. Cada canal de cor de 8 bits pode conter um valor entre 0 e 255; isso produz uma imagem com a mesma quantidade de cores que uma imagem RGB True Color de 24 bits (256 x 256 x 256 = 16.777.216 cores possíveis), com 256 níveis adicionais de transparência possíveis para cada pixel. No entanto, embora os editores de imagem exibam cada valor RGB como um intervalo entre 0 e 255, os valores de transparência são exibidos como um intervalo entre 0 e 100%.

Exemplo de RGBA

CSS usa valores RGBA como um dos métodos possíveis para definir a cor de textos e gráficos. Os valores de vermelho, verde e azul são inseridos como números entre 0 e 255, e os valores alfa, como um número entre 0,0 e 1,0. Por exemplo, o valor a seguir produz texto azul totalmente opaco:

rgba(0, 0, 255, 1.0)

Este próximo exemplo produz texto azul parcialmente transparente:

rgba(0, 0, 255, 0.5)

NOTE: Os formatos de arquivo .PNG e .TIFF são compatíveis com imagens RGBA de 32 bits, assim como formatos de editores de imagem profissionais, como .PSD. Embora o formato de arquivo .GIF seja compatível com transparência, ele não inclui um canal alfa; em vez disso, define uma única cor da tabela de consulta como transparente.