Tutorial de cores

Nomes de cores

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

Valores de cores CSS

Com CSS, as cores podem ser especificadas de diferentes maneiras:

• Por nomes de cores
• Como valores RGB
• Como valores hexadecimais
• Como valores HSL (CSS3)
• Como valores HWB (CSS4)
• Com a palavra- currentcolorchave

Cores RGB

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

Um valor de cor RGB é especificado com: rgb( RED , GREEN , BLUE ).

Cada parâmetro define a intensidade da cor como um número inteiro entre 0 e 255.

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

Tons de cinza são frequentemente definidos usando valores iguais para todas as 3 fontes de luz:

Cores hexadecimais

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

Uma cor hexadecimal é especificada com: # RR GG BB .

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 é definido com seu valor mais alto (FF) e os outros são definidos como 00.

Tons de cinza são frequentemente definidos usando valores iguais para todas as 3 fontes de luz:

Maiúsculas ou Minúsculas?

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

Nomes de cores

CSS suporta 140 nomes de cores padrão.

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

A palavra-chave cor atual

A currentcolorpalavra-chave se refere ao valor da propriedade color de um elemento.