A tabela de cores

Maio 2017

A codificação das cores

Em HTML, as cores são definidas por 3 números hexadecimais que representam os tons vermelho, azul e verde (de acordo com a codificação VVA (Vermelho Verde Azul) da cor escolhida. Esta é a sintaxe para codificar uma cor em HTML:
cor="#RRVVBB"
. Os códigos RR, VV e BB correspondem, respectivamente, a um número hexadecimal, ou seja, entre 00 e FF para o vermelho, o verde e o azul.

Com esta sintaxe, mais de 16 milhões de cores podem ser usadas nas páginas web. No entanto, como nem todos os navegadores reconhecem as cores da mesma maneira, o W3C recomenda usar as cores abaixo, que receberam nomes específicos. Por isso, você pode (e é aconselhável) representar as cores da seguinte maneira:

cor =”nome_da_cor”

Nome da cor Codificação VVA
aliceblue pálido matiz de azul - ciano#F0F8FF
antiquewhitebranco antigo#FAEBD7
aquaágua#00FFFF
aquamarineágua marinha#7FFFD4
azureazure - azul intenso#F0FFFF
beigebege#F5F5DC
bisquebisque ou creme de marisco#FFE4C4
blackpreto#000000
blanchedalmondbranco de amêndoa#FFEBCD
blueazul#0000FF
bluevioletazul violeta#8A2BE2
brownmarrom#A52A2A
burlywoodmadeira - castanho#DEB887
cadetblueazul cadete#5F9EA0
chartreuseverde limão#7FFF00
chocolatechocolate#D2691E
coralcoral#FF7F50
cornflowerblueazul flor de milho#6495ED
cornsilkmilho claro#FFF8DC
crimsoncarmisin - rosa avermelhado#DC143C
cyanciano#00FFFF
darkblueazul escuro#00008B
darkcyanciano escuro#008B8B
darkgoldenroddourado escuro - amarelo escuro#B8860B
darkgraycinza escuro#A9A9A9
darkgreenverde escuro#006400
darkkhakicaqui escuro#BDB76B
darkmagentamagenta escuro#8B008B
darkolivegreenverde oliva escuro#556B2F
darkorangelaranja escuro#FF8C00
darkorchidoruidia escuro 9(ul)#9932CC
darkredvermelho escuro ou castanho avermelhado#8B0000
darksalmonsalmão escuro - laranja avermelhado#E9967A
darkseagreenverde mar escuro#8FBC8F
darkslateblueazul ardósia escuro#483D8B
darkslategraycinza ardósia escuro#2F4F4F
darkturquoiseturquesa escuro#00CED1
darkvioletvioleta escuro#9400D3
deeppinkrosa profundo - magenta cor de rosa#FF1493
deepskyblueazul céu profundo - ciano profundo#00BFFF
dimgraycinza fosco#696969
dodgerblueazul furtivo#1E90FF
firebricktijolo - cor avermelhada#B22222
floralwhitebranco floral#FFFAF0
forestgreenverde floresta#228B22
fuchsiafuchsia ou magenta#FF00FF
gainsborocinza médio#DCDCDC
ghostwhitebranco fantasma - forma de azul#F8F8FF
goldouro#FFD700
goldenroddourado#DAA520
graycinza#808080
greenverde#008000
greenyellowamarelo esverdeado#ADFF2F
honeydewmaná - cor verde#F0FFF0
hotpinkrosa forte - magenta cor de rosa#FF69B4
indianredvermelho indiano#CD5C5C
indigoindigo - azul magenta#4B0082
ivorymarfim#FFFFF0
khakicaqui#F0E68C
lavenderlavanda#E6E6FA
lavenderblushlavanda avermelhada ou cor de rosa#FFF0F5
lawngreenverde grama#7CFC00
lemonchiffonuma forma de amarelo#FFFACD
lightblueazul claro#ADD8E6
lightcoralcoral claro#F08080
lightcyanciano claro#E0FFFF
lightgoldenrodyellowamarelo ouro claro#FAFAD2
lightgreenverde claro#90EE90
lightgreycinza claro#D3D3D3
lightpinkpink claro#FFB6C1
lightsalmonsalmão claro#FFA07A
lightseagreenverde mar claro#20B2AA
lightskyblueverde céu claro#87CEFA
lightslategraycinza ardósia claro#778899
lightsteelblueazul aço claro#B0C4DE
lightyellowamarelo claro#FFFFE0
limelimão#00FF00
limegreenverde limão#32CD32
linenlinho - cor de laranja#FAF0E6
magentamagenta#FF00FF
maroonmarrom#800000
mediumaquamarineágua marinha média#66CDAA
mediumblueazul médio#0000CD
mediumorchidorquídia média - magenta#BA55D3
mediumpurpleroxo médio#9370DB
mediumseagreenverde mar médio#3CB371
mediumslateblueazul ardósia médio#7B68EE
mediumspringgreenverde primavera médio#00FA9A
mediumturquoiseturquesa médio#48D1CC
mediumvioletredvermelho violeta médio#C71585
midnightblueazul meia-noite#191970
mintcreamcreme de menta#F5FFFA
mistyroserosa embaçado#FFE4E1
moccasinmocassim – castanho claro#FFE4B5
navajowhitebranco navajo - branco sujo#FFDEAD
navymarinha - azul médio para escuro#000080
oldlacerenda antiga, castanho muito claro#FDF5E6
oliveverde oliva#808000
olivedraboliva parda, amarelo esverdeado#6B8E23
orangelaranja#FFA500
orangeredjambo- laranja avermelhado#FF4500
orchidorquídia - magenta médio para claro#DA70D6
palegoldenrodmagenta claro#EEE8AA
palegreenverde pálido#98FB98
paleturquoiseturquesa pálido - ciano claro#AFEEEE
palevioletredvermelho violeta pálido cor de rosa claro#DB7093
papayawhipmamão batido - castanho rosa claro#FFEFD5
peachpuffpessêgo - laranja claro#FFDAB9
perucor da pele#CD853F
pinkrosa pink - rosa avermelhado#FFC0CB
plumameixa, magenta média para clara#DDA0DD
powderblueazul pólvora#B0E0E6
purpleroxo#800080
redvermelho#FF0000
rosybrownmarrom rosado - vermelho médio#BC8F8F
royalblueazul real#4169E1
saddlebrownmarron sela#8B4513
salmonsalmão#FA8072
sandybrownmarrom amarelado#F4A460
seagreenverde mar#2E8B57
seashellconcha - cor alaranjada#FFF5EE
siennasiena - laranja avermelhado#A0522D
silverprata#C0C0C0
skyblueazul céu ou azul anil#87CEEB
slateblueazul ardósia#6A5ACD
slategraycinza ardósia#708090
snowneve#FFFAFA
springgreenverde primavera#00FF7F
steelblueazul aço#4682B4
tancastanho claro#D2B48C
tealverde azulado#008080
thistlecardo - forma de magenta#D8BFD8
tomatotomate#FF6347
turquoiseturquesa#40E0D0
violetvioleta#EE82EE
wheattrigo#F5DEB3
whitebranco#FFFFFF
whitesmokebranco fumaça#F5F5F5
yellowamarelo#FFFF00
yellowgreenamarelo verde#9ACD32

Veja também


La tabla de color
La tabla de color
Codes couleur HTML
Codes couleur HTML
La tabella dei colori
La tabella dei colori
Última modificação: 23 de maio de 2017 às 13:02 por ninha25.
Este documento, intitulado 'A tabela de cores', 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.