Colors Tutorial

As cores são exibidas combinando vermelho, verde e luz azul.

Nomes das cores

Com CSS, as cores podem ser definidas usando nomes de cores:

Valores CSS Cor

Com CSS, as cores podem ser especificados de formas diferentes:

• Por nomes de cores
• Como valores RGB
• Como valores hexadecimais
• Como valores de HSL (CSS3)
• Como valores HWB (CSS4)

cores RGB

valores de cor RGB são suportados em todos os navegadores.

Um valor de cor RGB é especificado com: rgb (vermelho, verde, azul).

Cada parâmetro (vermelho, verde e azul) define a intensidade da cor como um número inteiro entre 0 e 255.

Por exemplo, rgb (0,0,255) é processado como azul, porque o parâmetro azul está definido para seu valor mais alto (255) e os outros são definidos como 0.

Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz:

hexadecimais Cores

valores de cor hexadecimais também são suportados em todos os navegadores.

Uma cor hexadecimal é especificado com: #RRGGBB.

RR (vermelho), GG (verde) e BB (azul) são inteiros hexadecimais entre 00 e FF especificando a intensidade da cor.

Por exemplo, # 0000FF é exibido como azul, porque o componente azul está definido para seu valor mais alto (FF) e os outros estão definidas para 00.

Tons de cinza são muitas vezes definidas usando valores iguais para todos os 3 fontes de luz:

Maiúsculas ou Minúsculas?

Você pode usar letras maiúsculas ou minúsculas para especificar valores hexadecimais.

	minúsculas são mais fáceis de escrever. maiúsculas são mais fáceis de ler.

Nomes das cores

CSS suporta 140 nomes de cores padrão.

No próximo capítulo, você vai encontrar uma lista completa em ordem alfabética de nomes de cores com valores hexadecimais: