Tutorial HTML

HTML HOME Introdução HTML Editores de HTML HTML básico Elementos HTML Atributos HTML Títulos HTML Parágrafos HTML Estilos HTML Formatação HTML Cotações HTML Comentários HTML Cores HTML HTML CSS Links HTML Imagens HTML HTML Favicon Tabelas HTML Listas HTML Bloco HTML e Inline Classes HTML Código HTML Iframes HTML JavaScript HTML Caminhos de arquivo HTML Cabeçalho HTML Esquema HTML HTML Responsivo Código de computador HTML Semântica HTML Guia de estilo HTML Entidades HTML Símbolos HTML Emojis HTML Conjunto de caracteres HTML Codificação de URL HTML HTML vs. XHTML

Formulários HTML

Formulários HTML Atributos de formulário HTML Elementos de formulário HTML Tipos de entrada HTML Atributos de entrada HTML Atributos do formulário de entrada HTML

Gráficos HTML

Tela HTML HTML SVG

Mídia HTML

Mídia HTML Vídeo HTML Áudio HTML Plug-ins HTML HTML YouTube

APIs HTML

Geolocalização HTML Arrastar/Soltar HTML Armazenamento Web HTML Trabalhadores da Web HTML HTML SSE

Exemplos HTML

Exemplos HTML Questionário HTML Exercícios HTML Certificado HTML Resumo HTML Acessibilidade HTML

Referências HTML

Lista de tags HTML Atributos HTML Atributos Globais HTML Suporte ao navegador HTML Eventos HTML Cores HTML Tela HTML Áudio/vídeo HTML Tipos de documento HTML Conjuntos de caracteres HTML Codificação de URL HTML Códigos HTML Lang Mensagens HTTP Métodos HTTP PX to EM Converter Atalhos do teclado

Cores HTML RGB e RGBA


Um valor de cor RGB representa fontes de luz VERMELHA, VERDE e AZUL.

Um valor de cor RGBA é uma extensão de RGB com um canal Alpha (opacidade).


Valores de cores RGB

Em HTML, uma cor pode ser especificada como um valor RGB, usando esta fórmula:

rgb ( vermelho, verde , azul )

Cada parâmetro (vermelho, verde e azul) define a intensidade da cor com um valor entre 0 e 255.

Isso significa que existem 256 x 256 x 256 = 16777216 cores possíveis!

Por exemplo, rgb(255, 0, 0) é exibido como vermelho, porque vermelho é definido como seu valor mais alto (255) e os outros dois (verde e azul) são definidos como 0.

Outro exemplo, rgb(0, 255, 0) é exibido como verde, porque verde é definido como seu valor mais alto (255) e os outros dois (vermelho e azul) são definidos como 0.

Para exibir preto, defina todos os parâmetros de cor para 0, assim: rgb(0, 0, 0).

Para exibir branco, defina todos os parâmetros de cor para 255, assim: rgb(255, 255, 255).

Experimente misturando os valores RGB abaixo:

rgb(255, 99, 71)

VERMELHO

255

VERDE

99

AZUL

71

Exemplo

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)


Tons de cinza

Tons de cinza geralmente são definidos usando valores iguais para todos os três parâmetros:

Exemplo

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Valores de cores RGBA

Os valores de cores RGBA são uma extensão dos valores de cores RGB com um canal Alfa - que especifica a opacidade de uma cor.

Um valor de cor RGBA é especificado com:

rgba( vermelho, verde , azul, alfa )

O parâmetro alfa é um número entre 0,0 (totalmente transparente) e 1,0 (nada transparente):

Experimente misturando os valores RGBA abaixo:

rgba (255, 99, 71, 0,5)

VERMELHO

255

VERDE

99

AZUL

71

ALFA

0,5

Exemplo

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)