CalcuClubLogo do CalcuClub

Cores RGB

Índice

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

CorAmostraRGBHexadecimalNome CSS
Brancorgb(255, 255, 255)#FFFFFFwhite
Pretorgb(0, 0, 0)#000000black
Vermelhorgb(255, 0, 0)#FF0000red
Verdergb(0, 255, 0)#00FF00lime
Azulrgb(0, 0, 255)#0000FFblue
Amarelorgb(255, 255, 0)#FFFF00yellow
Cianorgb(0, 255, 255)#00FFFFcyan
Magentargb(255, 0, 255)#FF00FFmagenta
Cinzargb(128, 128, 128)#808080gray

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