Cores RGBA
Índice
- O que é o Modelo de Cores RGBA?
- Composição de Cor Aditiva com RGBA
- Cálculo de Cores com Transparência
- Relação com Outros Modelos de Cores
- Conversão de RGBA para Hexadecimal
- Tabela de Cores Básicas com Transparência
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:
Cor | RGBA (Opaco) | RGBA (50% Transparente) |
---|---|---|
Vermelho | rgba(255, 0, 0, 1) | rgba(255, 0, 0, 0.5) |
Verde | rgba(0, 255, 0, 1) | rgba(0, 255, 0, 0.5) |
Azul | rgba(0, 0, 255, 1) | rgba(0, 0, 255, 0.5) |