Cores RGB
Índice
- O que é o Modelo de Cores RGB?
- Composição Aditiva de Cores
- Cálculo da Cor
- Relação com Outros Modelos de Cores
- Conversão para Hexadecimal
- Tabela de Cores Básicas
O que é o Modelo de Cores RGB?
O modelo de cores RGB é um sistema aditivo em que as cores vermelho (Red), verde (Green) e azul (Blue) são combinadas para criar uma ampla gama de cores. Esse modelo é usado principalmente em telas digitais, como monitores de computador, televisores e dispositivos móveis.
Composição Aditiva de Cores
No modelo RGB, cada cor é representada como uma combinação de três componentes: vermelho, verde e azul. Cada um desses componentes pode variar em intensidade de 0 (ausência total de luz) a 255 (máxima intensidade). Isso significa que uma cor em RGB é representada como um triplo de números inteiros no intervalo de 0 a 255, por exemplo, rgb(255, 0, 0)
representa o vermelho puro.
Cálculo da Cor
A cor final percebida é o resultado da soma das intensidades dos três componentes primários. Abaixo estão alguns exemplos:
- Branco: É obtido quando todos os valores estão no máximo, ou seja,
rgb(255, 255, 255)
. - Preto: Ocorre quando todos os valores são zero, ou seja,
rgb(0, 0, 0)
. - Amarelo: É criado ao combinar vermelho e verde em suas intensidades máximas, ou seja,
rgb(255, 255, 0)
. - Magenta: É o resultado de combinar vermelho e azul em suas intensidades máximas, ou seja,
rgb(255, 0, 255)
. - Ciano: É formado pela combinação de azul e verde em suas intensidades máximas, ou seja,
rgb(0, 255, 255)
.
Relação com Outros Modelos de Cores
O modelo RGB é aditivo, o que significa que as cores são geradas somando luz. Isso o diferencia do modelo CMYK, que é subtrativo e usado na impressão. No CMYK, as cores são criadas removendo luz (ou seja, adicionando tinta) e são medidas em termos de ciano, magenta, amarelo e preto.
Conversão para Hexadecimal
As cores RGB frequentemente são representadas em código hexadecimal no contexto do desenvolvimento web. Cada componente (vermelho, verde, azul) é convertido em um valor hexadecimal de dois dígitos e concatenado em uma cadeia de seis dígitos. Por exemplo, rgb(255, 165, 0)
é convertido em #FFA500
, que é a cor laranja.
Tabela de Cores Básicas em CSS
Cor | Amostra | RGB | Hexadecimal | Nome CSS |
---|---|---|---|---|
Branco | rgb(255, 255, 255) | #FFFFFF | white | |
Preto | rgb(0, 0, 0) | #000000 | black | |
Vermelho | rgb(255, 0, 0) | #FF0000 | red | |
Verde | rgb(0, 255, 0) | #00FF00 | lime | |
Azul | rgb(0, 0, 255) | #0000FF | blue | |
Amarelo | rgb(255, 255, 0) | #FFFF00 | yellow | |
Ciano | rgb(0, 255, 255) | #00FFFF | cyan | |
Magenta | rgb(255, 0, 255) | #FF00FF | magenta | |
Cinza | rgb(128, 128, 128) | #808080 | gray |