Tabela de cores - CSS

Outubro 2017


Como é a tabela de cores CSS

O padrão CS propõe diferentes maneiras de definir cores: por meio de um nome, com a notação hexadecimal e com a notação decimal.

Código para cores HTML com nomes

A linguagem HTML define nomes para um número limitado de cores (cf. a tabela de cores em HTML). O número de cores proposto pela linguagem HTML é insuficiente para suprir todas as necessidades. No entanto, pode ser prático chamar as cores pelos seus nomes quando se trata de cores padrão. O padrão CS retoma as 16 cores básicas definidas pelo padrão HTML 4.01 e acrescenta o laranja. A lista das cores propostas pelo padrão CS é o seguinte:


águaverdelaranjabranco
pretoverde amarelovioletaamarelo
azulmarromvermelho 
fuschiaazul marprata 
cinzaverde olivaestanho 

Assim, para definir a cor azul para os títulos de nível 1, basta uma regra CS como a seguinte:

h1 {color: azul}

Os navegadores suportam mais de 140 nomes de cores, mas estes não fazem atualmente parte do padrão CS.

Código RVB com notação hexadecimal

É possível definir mais de 16 milhões de cores indicando os valores RVB (em inglês RGB) de uma cor, de acordo com a notação #RRVVBB, emprestada do HTML, onde RR, VV e BB representam, respectivamente, um número hexadecimal entre 00 e FF para o Vermelho, o Verde e o Azul:


h1 {color: #0000FF}

Código RVB com notação decimal

O padrão CS define uma notação RVB dita 'funcional', que permite definir os componente de vermelho, verde e azul indicando a sua proporção relativa em porcentagem ou a notação inteira absoluta, sendo cada componente um número inteiro compreendido entre 0 e 255, com a seguinte sintaxe:

rgb(100%,100%,100%) 
rgb(24,125,255)

CSS: Colores CSS
CSS: Colores CSS
Couleurs CSS (RGB)
Couleurs CSS (RGB)
CSS - I colori
CSS - I colori
Última modificação: 3 de julho de 2017 às 15:55 por Pedro.CCM.
Este documento, intitulado 'Tabela de cores - CSS', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.