🎨 Cores RGB no HTML e CSS

Introdução

RGB é um modelo de representação de cores utilizado em computadores, monitores, celulares e páginas Web.

A sigla RGB significa:

• 🔴 Red - Vermelho
• 🟢 Green - Verde
• 🔵 Blue - Azul

Como funciona o RGB?

O modelo RGB utiliza valores entre 0 e 255 para definir a intensidade de cada cor.

Estrutura do RGB

A sintaxe utiliza a função CSS rgb().

rgb(vermelho, verde, azul)

Exemplo:

rgb(255,0,0)

Exemplos de cores RGB

Combinação das cores RGB

Misturando diferentes intensidades de vermelho, verde e azul podemos criar milhões de cores.

RGB aplicado em textos

h1 {

 color: rgb(31,78,121);

}

RGB aplicado em fundos

div {

 background-color:

 rgb(220,235,250);

}

Diferença entre Hexadecimal e RGB

Os dois formatos representam a mesma cor, porém utilizando formas diferentes de escrita.

Vantagens do RGB

• Fácil compreensão das cores.
• Utiliza valores numéricos.
• Permite controle preciso da intensidade.
• Compatível com navegadores modernos.
• Muito utilizado em interfaces digitais.

Exercício Prático

Crie uma página utilizando RGB:

1. Crie um título usando rgb(31,78,121).
2. Adicione um fundo utilizando RGB.
3. Crie três caixas com cores diferentes.
4. Compare RGB com hexadecimal.