CalcuClubLogo do CalcuClub

Cores RGBA

Índice

O que é o Modelo de Cores RGBA?

O modelo de cores RGBA é uma extensão do modelo RGB, no qual é adicionado um canal adicional denominado Alfa. Este canal permite definir a transparência ou opacidade de uma cor, proporcionando maior controle sobre como as cores interagem em camadas e sua visibilidade em diferentes fundos. Cada valor de RGBA é definido por quatro componentes:

  • R: Vermelho
  • G: Verde
  • B: Azul
  • A: Alfa (transparência).

O canal alfa tem um valor que varia de 0 (completamente transparente) a 1 (completamente opaco).

Composição de Cor Aditiva com RGBA

Semelhante ao modelo RGB, no RGBA as cores são formadas pela mistura de luz nos canais vermelho, verde e azul. A diferença é que o canal alfa afeta como a cor final é exibida, permitindo diferentes níveis de transparência. Isso é especialmente útil para criar efeitos visuais como sombras ou sobreposições.

Cálculo de Cores com Transparência

O cálculo de cores no RGBA segue os mesmos princípios do RGB, mas inclui a transparência na equação. A fórmula para misturar duas cores com transparência é mais complexa, pois é necessário considerar os valores do canal alfa para determinar como as camadas sobrepostas interagem.

Por exemplo, para sobrepor duas cores RGBA:

Cor resultante = (1 - alfa1) * Cor de fundo + alfa1 * Cor de primeiro plano

Relação com Outros Modelos de Cores

O modelo RGBA tem uma relação direta com o RGB, mas é importante notar como ele difere de outros modelos como HSLA ou CMYK. A chave no RGBA é o controle preciso sobre a transparência, algo que não é possível em outros modelos sem este canal adicional.

Para uma explicação mais detalhada sobre a base do modelo RGB, recomendamos visitar a página de Cores RGB, onde se explica como funciona a composição de cores em RGB, a relação com outros modelos de cores e o processo de conversão entre eles.

Conversão de RGBA para Hexadecimal

Na conversão de cores RGBA para sua representação em formato hexadecimal, os valores de vermelho, verde e azul são tratados da mesma forma que no RGB. No entanto, o canal alfa precisa ser convertido em um valor hexadecimal à parte. Essa conversão é útil ao definir uma cor transparente em CSS utilizando o formato hexadecimal estendido.

Tabela de Cores Básicas com Transparência

A seguir, apresentamos alguns exemplos de cores básicas no formato RGBA, com diferentes níveis de transparência:

CorRGBA (Opaco)RGBA (50% Transparente)
Vermelhorgba(255, 0, 0, 1)rgba(255, 0, 0, 0.5)
Verdergba(0, 255, 0, 1)rgba(0, 255, 0, 0.5)
Azulrgba(0, 0, 255, 1)rgba(0, 0, 255, 0.5)

Você gostou desta página? Deixe sua opinião.