Sunteți pe pagina 1din 11

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

Pgina Inicial Criao de Websites Noes de SQL Downloads Links teis Hora do Caf Entrar em Contato

HTML Bsico

Tabela de Cores
HTML/CSS

CSS Bsico

Por Aires Bento Pereira Filho

Tutoriais

JavaScript Bsico

Seletores CSS

Apresentamos uma tabela para


ser usada como ferramenta em
HTML e CSS, onde aparecem
amostras de cores em clulas
razoavelmente grandes para
melhor visualizao.

Tabela de Cores HTML/CSS

So 504 amostras.

XML Bsico
Guias de Referncia
Elementos HTML
Propriedades CSS

Entendendo a Tabela
Os nomes das cores
O Cdigo RGB Decimal
O Cdigo RGB Hexadecimal
O Cdigo RGB Hexadecimal Abreviado
Como exprimir as cores em HTML e CSS
O que so Cores Seguras da Web
Sees da tabela:
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |

Tabela de Caracteres Especiais


Como especificar o path

Seo 1 - Cores cujos nomes podem ser usados no lugar do cdigo. O asterisco indica tratar-se de cor
oficial.

voltar

AntiqueWhite
#FAEBD7
250,235,215
CSW: no

Aquamarine
#7FFFD4
127,255,212
CSW: no

AliceBlue
#F0F8FF
240,248,255
CSW: no
Alternativa CSW: #FFF

Azure
#F0FFFF
240,255,255
CSW: no
Alternativa CSW: #FFF

BlanchedAlmond
#FFEBCD
255,235,205
CSW: no
Alternativa CSW: #FFC

BurlyWood
#DEB887
222,184,135
CSW: no
Alternativa CSW: #CC9

Coral
#FF7F50
255,127,80
CSW: no
Alternativa CSW: #F66

Cyan
#00FFFF
#0FF
0,255,255
CSW: sim
DarkGray
#A9A9A9
169,169,169
CSW: no
Alternativa CSW: #999

1 de 11

Alternativa CSW: #FFC

Beige
#F5F5DC
245,245,220
CSW: no
Alternativa CSW: #FFC

* Blue
#0000FF
#00F
0,0,255
CSW: sim
CadetBlue
#5F9EA0
95,158,160
CSW: no
Alternativa CSW: #699

CornflowerBlue
#6495ED
100,149,237
CSW: no
Alternativa CSW: #69F

DarkBlue
#00008B
0,0,139
CSW: no
Alternativa CSW: #009

DarkGreen
#006400
0,100,0
CSW: no
Alternativa CSW: #060

* Aqua
#00FFFF
#0FF
0,255,255
CSW: sim
Bisque
#FFE4C4
255,228,196
CSW: no
Alternativa CSW: #FCC

BlueViolet
#8A2BE2
138,43,226
CSW: no
Alternativa CSW: #93C

Chartreuse
#7FFF00
127,255,0
CSW: no
Alternativa CSW: #6F0

Cornsilk
#FFF8DC
255,248,220
CSW: no
Alternativa CSW: #FFC

DarkCyan
#008B8B
0,139,139
CSW: no
Alternativa CSW: #099

DarkKhaki
#BDB76B
189,183,107
CSW: no
Alternativa CSW: #CC6

Alternativa CSW: #6FC

* Black
#000000
#000
0,0,0
CSW: sim
Brown
#A52A2A
165,42,42
CSW: no
Alternativa CSW: #933

Chocolate
#D2691E
210,105,30
CSW: no
Alternativa CSW: #C63

Crimson
#DC143C
220,20,60
CSW: no
Alternativa CSW: #C03

DarkGoldenRod
#B8860B
184,134,11
CSW: no
Alternativa CSW: #C90

DarkMagenta
#8B008B
139,0,139
CSW: no
Alternativa CSW: #909

29/11/2011 19:55

Tabela de Cores HTML/CSS

DarkOliveGreen
#556B2F
85,107,47
CSW: no
Alternativa CSW: #663

DarkSalmon
#E9967A
233,150,122
CSW: no
Alternativa CSW: #F96

DarkTurquoise
#00CED1
0,206,209
CSW: no
Alternativa CSW: #0CC

DimGray
#696969
105,105,105
CSW: no
Alternativa CSW: #666

FloralWhite
#FFFAF0
255,250,240
CSW: no
Alternativa CSW: #FFF

GhostWhite
#F8F8FF
248,248,255
CSW: no
Alternativa CSW: #FFF

* Green
#008000
0,128,0
CSW: no
Alternativa CSW: #090

IndianRed
#CD5C5C
205,92,92
CSW: no
Alternativa CSW: #C66

Lavender
#E6E6FA
230,230,250
CSW: no
Alternativa CSW: #FFF

LightBlue
#ADD8E6
173,216,230
CSW: no
Alternativa CSW: #9CF

LightGrey
#D3D3D3
211,211,211
CSW: no
Alternativa CSW: #CCC

LightSeaGreen
#20B2AA
32,178,170
CSW: no
Alternativa CSW: #399

LightSteelBlue
#B0C4DE
176,196,222
CSW: no
Alternativa CSW: #9CC

2 de 11

http://www.abpsoft.com/criacaoweb/tabcores.html

DarkOrange
#FF8C00
255,140,0
CSW: no
Alternativa CSW: #F90

DarkSeaGreen
#8FBC8F
143,188,143
CSW: no
Alternativa CSW: #9C9

DarkViolet
#9400D3
148,0,211
CSW: no
Alternativa CSW: #90C

DodgerBlue
#1E90FF
30,144,255
CSW: no
Alternativa CSW: #39F

ForestGreen
#228B22
34,139,34
CSW: no
Alternativa CSW: #393

Gold
#FFD700
255,215,0
CSW: no
Alternativa CSW: #FC0

GreenYellow
#ADFF2F
173,255,47
CSW: no
Alternativa CSW: #9F3

Indigo
#4B0082
75,0,130
CSW: no
Alternativa CSW: #309

LavenderBlush
#FFF0F5
255,240,245
CSW: no
Alternativa CSW: #FFF

LightCoral
#F08080
240,128,128
CSW: no
Alternativa CSW: #F99

LightGreen
#90EE90
144,238,144
CSW: no
Alternativa CSW: #9F9

LightSkyBlue
#87CEFA
135,206,250
CSW: no
Alternativa CSW: #9CF

LightYellow
#FFFFE0
255,255,224
CSW: no
Alternativa CSW: #FFC

DarkOrchid
#9932CC
153,50,204
CSW: no
Alternativa CSW: #93C

DarkSlateBlue
#483D8B
72,61,139
CSW: no
Alternativa CSW: #339

DeepPink
#FF1493
255,20,147
CSW: no
Alternativa CSW: #F09

Feldspar
#D19275
209,146,117
CSW: no
Alternativa CSW: #C96

* Fuchsia
#FF00FF
#F0F
255,0,255
CSW: sim
GoldenRod
#DAA520
218,165,32
CSW: no
Alternativa CSW: #C93

HoneyDew
#F0FFF0
240,255,240
CSW: no
Alternativa CSW: #FFF

Ivory
#FFFFF0
255,255,240
CSW: no
Alternativa CSW: #FFF

LawnGreen
#7CFC00
124,252,0
CSW: no
Alternativa CSW: #6F0

LightCyan
#E0FFFF
224,255,255
CSW: no
Alternativa CSW: #CFF

LightPink
#FFB6C1
255,182,193
CSW: no
Alternativa CSW: #FCC

LightSlateBlue
#8470FF
132,112,255
CSW: no
Alternativa CSW: #96F

* Lime
#00FF00
#0F0
0,255,0
CSW: sim

DarkRed
#8B0000
139,0,0
CSW: no
Alternativa CSW: #900

DarkSlateGray
#2F4F4F
47,79,79
CSW: no
Alternativa CSW: #366

DeepSkyBlue
#00BFFF
0,191,255
CSW: no
Alternativa CSW: #0CF

FireBrick
#B22222
178,34,34
CSW: no
Alternativa CSW: #933

Gainsboro
#DCDCDC
220,220,220
CSW: no
Alternativa CSW: #CCC

* Gray
#808080
128,128,128
CSW: no
Alternativa CSW: #999

HotPink
#FF69B4
255,105,180
CSW: no
Alternativa CSW: #F6C

Khaki
#F0E68C
240,230,140
CSW: no
Alternativa CSW: #FF9

LemonChiffon
#FFFACD
255,250,205
CSW: no
Alternativa CSW: #FFC

LightGoldenRodYellow
#FAFAD2
250,250,210
CSW: no
Alternativa CSW: #FFC

LightSalmon
#FFA07A
255,160,122
CSW: no
Alternativa CSW: #F96

LightSlateGray
#778899
#789
119,136,153
CSW: no
Alternativa CSW: #699

LimeGreen
#32CD32
50,205,50
CSW: no
Alternativa CSW: #3C3

29/11/2011 19:55

Tabela de Cores HTML/CSS

Linen
#FAF0E6
250,240,230
CSW: no
Alternativa CSW: #FFF

MediumBlue
#0000CD
0,0,205
CSW: no
Alternativa CSW: #00C

MediumSlateBlue
#7B68EE
123,104,238
CSW: no
Alternativa CSW: #66F

MidnightBlue
#191970
25,25,112
CSW: no
Alternativa CSW: #006

NavajoWhite
#FFDEAD
255,222,173
CSW: no
Alternativa CSW: #FC9

OliveDrab
#6B8E23
107,142,35
CSW: no
Alternativa CSW: #693

PaleGoldenRod
#EEE8AA
238,232,170
CSW: no
Alternativa CSW: #FF9

PapayaWhip
#FFEFD5
255,239,213
CSW: no
Alternativa CSW: #FFC

Plum
#DDA0DD
221,160,221
CSW: no
Alternativa CSW: #C9C

RosyBrown
#BC8F8F
188,143,143
CSW: no
Alternativa CSW: #C99

SandyBrown
#F4A460
244,164,96
CSW: no
Alternativa CSW: #F96

* Silver
#C0C0C0
192,192,192
CSW: no
Alternativa CSW: #CCC

Snow
#FFFAFA
255,250,250
CSW: no
Alternativa CSW: #FFF

3 de 11

http://www.abpsoft.com/criacaoweb/tabcores.html

Magenta
#FF00FF
#F0F
255,0,255
CSW: sim
MediumOrchid
#BA55D3
186,85,211
CSW: no
Alternativa CSW: #C6C

MediumSpringGreen
#00FA9A
0,250,154
CSW: no
Alternativa CSW: #0F9

MintCream
#F5FFFA
245,255,250
CSW: no
Alternativa CSW: #FFF

* Navy
#000080
0,0,128
CSW: no
Alternativa CSW: #009

* Orange
#FFA500
255,165,0
CSW: no
Alternativa CSW: #F90

PaleGreen
#98FB98
152,251,152
CSW: no
Alternativa CSW: #9F9

PeachPuff
#FFDAB9
255,218,185
CSW: no
Alternativa CSW: #FCC

PowderBlue
#B0E0E6
176,224,230
CSW: no
Alternativa CSW: #9CF

RoyalBlue
#4169E1
65,105,225
CSW: no
Alternativa CSW: #36C

SeaGreen
#2E8B57
46,139,87
CSW: no
Alternativa CSW: #396

SkyBlue
#87CEEB
135,206,235
CSW: no
Alternativa CSW: #9CF

SpringGreen
#00FF7F
0,255,127
CSW: no
Alternativa CSW: #0F6

* Maroon
#800000
128,0,0
CSW: no
Alternativa CSW: #900

MediumPurple
#9370D8
147,112,216
CSW: no
Alternativa CSW: #96C

MediumTurquoise
#48D1CC
72,209,204
CSW: no
Alternativa CSW: #3CC

MistyRose
#FFE4E1
255,228,225
CSW: no
Alternativa CSW: #FCC

OldLace
#FDF5E6
253,245,230
CSW: no
Alternativa CSW: #FFF

OrangeRed
#FF4500
255,69,0
CSW: no
Alternativa CSW: #F30

PaleTurquoise
#AFEEEE
175,238,238
CSW: no
Alternativa CSW: #9FF

Peru
#CD853F
205,133,63
CSW: no
Alternativa CSW: #C93

* Purple
#800080
128,0,128
CSW: no
Alternativa CSW: #909

SaddleBrown
#8B4513
139,69,19
CSW: no
Alternativa CSW: #930

SeaShell
#FFF5EE
255,245,238
CSW: no
Alternativa CSW: #FFF

SlateBlue
#6A5ACD
106,90,205
CSW: no
Alternativa CSW: #66C

SteelBlue
#4682B4
70,130,180
CSW: no
Alternativa CSW: #39C

MediumAquaMarine
#66CDAA
102,205,170
CSW: no
Alternativa CSW: #6C9

MediumSeaGreen
#3CB371
60,179,113
CSW: no
Alternativa CSW: #3C6

MediumVioletRed
#C71585
199,21,133
CSW: no
Alternativa CSW: #C09

Moccasin
#FFE4B5
255,228,181
CSW: no
Alternativa CSW: #FCC

* Olive
#808000
128,128,0
CSW: no
Alternativa CSW: #990

Orchid
#DA70D6
218,112,214
CSW: no
Alternativa CSW: #C6C

PaleVioletRed
#D87093
216,112,147
CSW: no
Alternativa CSW: #C69

Pink
#FFC0CB
255,192,203
CSW: no
Alternativa CSW: #FCC

* Red
#FF0000
#F00
255,0,0
CSW: sim
Salmon
#FA8072
250,128,114
CSW: no
Alternativa CSW: #F96

Sienna
#A0522D
160,82,45
CSW: no
Alternativa CSW: #963

SlateGray
#708090
112,128,144
CSW: no
Alternativa CSW: #699

Tan
#D2B48C
210,180,140
CSW: no
Alternativa CSW: #CC9

29/11/2011 19:55

Tabela de Cores HTML/CSS

* Teal
#008080
0,128,128
CSW: no
Alternativa CSW: #099

Violet
#EE82EE
238,130,238
CSW: no
Alternativa CSW: #F9F

WhiteSmoke
#F5F5F5
245,245,245
CSW: no
Alternativa CSW: #FFF

http://www.abpsoft.com/criacaoweb/tabcores.html

Thistle
#D8BFD8
216,191,216
CSW: no
Alternativa CSW: #CCC

VioletRed
#D02090
208,32,144
CSW: no
Alternativa CSW: #C39

* Yellow
#FFFF00
#FF0
255,255,0
CSW: sim

Tomato
#FF6347
255,99,71
CSW: no
Alternativa CSW: #F63

Wheat
#F5DEB3
245,222,179
CSW: no
Alternativa CSW: #FCC

YellowGreen
#9ACD32
154,205,50
CSW: no
Alternativa CSW: #9C3

Alternativa CSW: #3CC

* White
#FFFFFF
#FFF
255,255,255
CSW: sim
* Black
#000000
#000
0,0,0
CSW: sim

Seo 2 - Algumas cores cujos nomes em portugus so conhecidos

voltar

Carmim
#FF78C7
255,120,199
CSW: no

Marrom-claro
#A52A2A
165,42,42
CSW: no

Laranja ou cor-de-abbora
#FFC800
255,200,0
CSW: no
Alternativa CSW: #FC0

Rosa ou cor-de-rosa
#FFC8D7
255,200,215
CSW: no
Alternativa CSW: #FCC

Ocre
#6B521D
107,82,29
CSW: no
Alternativa CSW: #663

Pardo
#EFD66D
239,214,109
CSW: no
Alternativa CSW: #FC6

Verde-oliva
#B9C300
185,195,0
CSW: no
Alternativa CSW: #CC0

Alternativa CSW: #F6C

Vermelho-indiano
#CD5C5C
205,92,92
CSW: no
Alternativa CSW: #C66

ndigo ou anil
#000099
#009
0,0,153
CSW: sim

Violeta ou lils
#CC99FF
#C9F
204,153,255
CSW: sim

Gren
#CC3399
#C39
204,51,153
CSW: sim

Salmo
#FFB2AD
255,178,173
CSW: no

Cqui
#9F9F5F
159,159,95
CSW: no
Alternativa CSW: #996

Turquesa
#40E0D0
64,224,208
CSW: no
Alternativa CSW: #3CC

Alternativa CSW: #F99

Azul-marinho
#0066CC
#06C
0,102,204
CSW: sim
Vinho
#993366
#936
153,51,102
CSW: sim

Seao 3 - Gradaes - I
#E6E8FA
230,232,250
CSW: no

Alternativa CSW: #933

Bege
#FFF8D9
255,248,217
CSW: no
Alternativa CSW: #FFC

Coral
#FF9600
255,150,0
CSW: no
Alternativa CSW: #F90

Ciano-escuro ou ciano-petrleo
#00C4C4
0,196,196
CSW: no
Alternativa CSW: #0CC

Azul-celeste
#33CCFF
#3CF
51,204,255
CSW: sim
voltar

#FFCCCC
#FCC
255,204,204
CSW: sim

#FFCC99
#FC9
255,204,153
CSW: sim

#FFFFCC
#FFC
255,255,204
CSW: sim

#FF6666
#F66
255,102,102
CSW: sim

#FFCC33
#FC3
255,204,51
CSW: sim

#FFFF99
#FF9
255,255,153
CSW: sim

#FF0000
#F00
255,0,0
CSW: sim

#FF9900
#F90
255,153,0
CSW: sim

#FFFF00
#FF0
255,255,0
CSW: sim

#CCCCCC
#CCC
204,204,204
CSW: sim

#CC0000
#C00
204,0,0
CSW: sim

#FF6600
#F60
255,102,0
CSW: sim

#FFCC00
#FC0
255,204,0
CSW: sim

#999999
#999
153,153,153
CSW: sim

#990000
#900
153,0,0
CSW: sim

#CC6600
#C60
204,102,0
CSW: sim

#999900
#990
153,153,0
CSW: sim

Alternativa CSW: #FFF

#D9D9F3
217,217,243
CSW: no
Alternativa CSW: #CCF

#CDC5BF
205,197,191
CSW: no
Alternativa CSW: #CCC

4 de 11

Turquoise
#40E0D0
64,224,208
CSW: no

29/11/2011 19:55

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

#666666
#666
102,102,102
CSW: sim

#660000
#600
102,0,0
CSW: sim

#993300
#930
153,51,0
CSW: sim

#666600
#660
102,102,0
CSW: sim

#333333
#333
51,51,51
CSW: sim

#330000
#300
51,0,0
CSW: sim

#663300
#630
102,51,0
CSW: sim

#333300
#330
51,51,0
CSW: sim

Seo 4 - Gradaes - II

voltar

#CCFFFF
#CFF
204,255,255
CSW: sim

#FFCCFF
#FCF
255,204,255
CSW: sim

#66FF99
#6F9
102,255,153
CSW: sim

#66FFFF
#6FF
102,255,255
CSW: sim

#FF99FF
#F9F
255,153,255
CSW: sim

#33FF33
#3F3
51,255,51
CSW: sim

#33CCFF
#3CF
51,204,255
CSW: sim

#CC66CC
#C6C
204,102,204
CSW: sim

#00CC00
#0C0
0,204,0
CSW: sim

#3366FF
#36F
51,102,255
CSW: sim

#CC33CC
#C3C
204,51,204
CSW: sim

#009900
#090
0,153,0
CSW: sim

#3333FF
#33F
51,51,255
CSW: sim

#993366
#936
153,51,102
CSW: sim

#006600
#060
0,102,0
CSW: sim

#000099
#009
0,0,153
CSW: sim

#663366
#636
102,51,102
CSW: sim

#FFFF66
#FF6
255,255,102
CSW: sim

#003300
#030
0,51,0
CSW: sim

#000066
#006
0,0,102
CSW: sim

#330033
#303
51,0,51
CSW: sim

#FFFF33
#FF3
255,255,51
CSW: sim

Green Yellow
#93DB70
147,219,112
CSW: no

Spring Green
#00FF7F
0,255,127
CSW: no

Seo 5 - Tonalidades de Verde


Aquamarine
#70DB93
112,219,147
CSW: no
Alternativa CSW: #6C9

Dark Green
#006400
0,100,0
CSW: no
Alternativa CSW: #060

Medium Spring Green


#7FFF00
127,255,0
CSW: no
Alternativa CSW: #6F0

Forest Green
#238E23
35,142,35
CSW: no
Alternativa CSW: #393

Dark Green Copper


#646937
100,105,55
CSW: no
Alternativa CSW: #663

Medium Sea Green


#426F42
66,111,66
CSW: no
Alternativa CSW: #363

Dark Brown
#5C4033
92,64,51
CSW: no

Alternativa CSW: #FFF

#FFFFCC
#FFC
255,255,204
CSW: sim
#FFFFAA
#FFA
255,255,170
CSW: no
Alternativa CSW: #FF9

#FFFF90
255,255,144
CSW: no
Alternativa CSW: #FF9

#FFFF80
255,255,128
CSW: no
Alternativa CSW: #FF9

voltar

Alternativa CSW: #9C6

Green Copper
#466464
70,100,100
CSW: no
Alternativa CSW: #366

Medium Forest Green


#6B8E23
107,142,35
CSW: no
Alternativa CSW: #693

Seo 6 - Tonalidades de marrom


Baker's Chocolate
#5C3317
92,51,23
CSW: no

5 de 11

#FFFFED
255,255,237
CSW: no

#99FF99
#9F9
153,255,153
CSW: sim

Alternativa CSW: #0F6

Hunter Green
#215E21
33,94,33
CSW: no
Alternativa CSW: #363

Sea Green
#238E68
35,142,104
CSW: no
Alternativa CSW: #396

voltar
Brown
#A62A2A
166,42,42
CSW: no

Dark Tan
#97694F
151,105,79
CSW: no

29/11/2011 19:55

Tabela de Cores HTML/CSS

Alternativa CSW: #630

Light Wood
#E9C2A6
233,194,166
CSW: no
Alternativa CSW: #FC9

Medium Wood
#A67A64
166,122,100
CSW: no
Alternativa CSW: #966

http://www.abpsoft.com/criacaoweb/tabcores.html

Alternativa CSW: #633

Dark Wood
#855E42
133,94,66
CSW: no
Alternativa CSW: #963

New Tan
#EBC79E
235,199,158
CSW: no
Alternativa CSW: #FC9

Alternativa CSW: #933

Feldspar
#D19275
209,146,117
CSW: no
Alternativa CSW: #C96

Semi-Sweet Chocolate
#6B4226
107,66,38
CSW: no
Alternativa CSW: #633

Seo 7 - Tonalidades de Violeta


Blue Violet
#9F5F9F
159,95,159
CSW: no
Alternativa CSW: #969

Medium Violet Red


#DB7093
219,112,147
CSW: no
Alternativa CSW: #C69

Dark Violet
#9400D3
148,0,211
CSW: no
Alternativa CSW: #90C

Dark Orchid
#9932CD
153,50,205
CSW: no
Alternativa CSW: #93C

Neon Pink
#FF6EC7
255,110,199
CSW: no
Alternativa CSW: #F6C

Spicy Pink
#FF1CAE
255,28,174
CSW: no
Alternativa CSW: #F39

Alternativa CSW: #C93

Cool Copper
#D98719
217,135,25
CSW: no
Alternativa CSW: #C90

Goldenrod
#DBDB70
219,219,112
CSW: no
Alternativa CSW: #CC6

Dark Orange
#FF8C00
255,140,0
CSW: no
Alternativa CSW: #F90

Bright Gold
#D9D919
217,217,25
CSW: no
Alternativa CSW: #CC0

Copper
#B87333
184,115,51
CSW: no
Alternativa CSW: #C63

Mandarian Orange
#E47833
228,120,51
CSW: no
Alternativa CSW: #C63

Cornsilk
#FFF8DC
255,248,220
CSW: no
Alternativa CSW: #FFC

Alternativa CSW: #936

Plum
#DDA0DD
221,160,221
CSW: no
Alternativa CSW: #C9C

Violet Red
#CC3299
204,50,153
CSW: no
Alternativa CSW: #C39

Alternativa CSW: #336

Light Steel Blue


#8F8FBD
143,143,189
CSW: no
Alternativa CSW: #99C

Neon Blue
#4D4DFF
77,77,255
CSW: no
Alternativa CSW: #66F

6 de 11

Sky Blue
#87CEFF
135,206,255
CSW: no
Alternativa CSW: #9CF

Medium Blue
#3232CD
50,50,205
CSW: no
Alternativa CSW: #33C

New Midnight Blue


#00009C
0,0,156
CSW: no
Alternativa CSW: #009

Alternativa CSW: #933

Sienna
#8E6B23
142,107,35
CSW: no
Alternativa CSW: #963

Violet
#EE82EE
238,130,238
CSW: no
Alternativa CSW: #F9F

Blue Violet
#8A2BE2
138,43,226
CSW: no
Alternativa CSW: #93C

Orchid
#DA70D6
218,112,214
CSW: no
Alternativa CSW: #C6C

voltar
Papaya Whip
#FFEFD5
255,239,213
CSW: no
Alternativa CSW: #FFC

Gold
#CD7F32
205,127,50
CSW: no
Alternativa CSW: #C63

Medium Goldenrod
#EAEAAE
234,234,174
CSW: no
Alternativa CSW: #FF9

Navajo White
#FFDEAD
255,222,173
CSW: no
Alternativa CSW: #FC9

Seo 9 - Tonalidades de Azul


Corn Flower Blue
#42426F
66,66,111
CSW: no

Firebrick
#8E2323
142,35,35
CSW: no

voltar
Dark Purple
#871F78
135,31,120
CSW: no

Seo 8 - Tonalidades de Amarelo


Brass
#B5A642
181,166,66
CSW: no

Alternativa CSW: #966

Bronze
#A67D3D
166,125,61
CSW: no
Alternativa CSW: #963

Bisque
#FFE4C4
255,228,196
CSW: no
Alternativa CSW: #FCC

Old Gold
#CFB53B
207,181,59
CSW: no
Alternativa CSW: #CC3

Wheat
#D8D8BF
216,216,191
CSW: no
Alternativa CSW: #CCC

voltar
Dark Turquoise
#7093DB
112,147,219
CSW: no
Alternativa CSW: #69C

Medium Slate Blue


#7F00FF
127,0,255
CSW: no
Alternativa CSW: #60F

Dodger Blue
#1E90FF
30,144,255
CSW: no
Alternativa CSW: #39F

Light Blue
#C0D9D9
192,217,217
CSW: no
Alternativa CSW: #CCC

Royal Blue
#4169E1
65,105,225
CSW: no
Alternativa CSW: #36C

Rich Blue
#5959AB
89,89,171
CSW: no
Alternativa CSW: #669

29/11/2011 19:55

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

Slate Blue
#007FFF
0,127,255
CSW: no
Alternativa CSW: #06F

Deep Sky Blue


#00BFFF
0,191,255
CSW: no
Alternativa CSW: #0CF

Steel Blue
#236B8E
35,107,142
CSW: no
Alternativa CSW: #369

Summer Sky
#38B0DE
56,176,222
CSW: no
Alternativa CSW: #39C

Seo 10 - As 216 Cores Seguras da Web

7 de 11

voltar

#000000
#000
0,0,0

#000033
#003
0,0,51

#000066
#006
0,0,102

#000099
#009
0,0,153

#0000CC
#00C
0,0,204

#0000FF
#00F
0,0,255

#003300
#030
0,51,0

#003333
#033
0,51,51

#003366
#036
0,51,102

#003399
#039
0,51,153

#0033CC
#03C
0,51,204

#0033FF
#03F
0,51,255

#006600
#060
0,102,0

#006633
#063
0,102,51

#006666
#066
0,102,102

#006699
#069
0,102,153

#0066CC
#06C
0,102,204

#0066FF
#06F
0,102,255

#009900
#090
0,153,0

#009933
#093
0,153,51

#009966
#096
0,153,102

#009999
#099
0,153,153

#0099CC
#09C
0,153,204

#0099FF
#09F
0,153,255

#00CC00
#0C0
0,204,0

#00CC33
#0C3
0,204,51

#00CC66
#0C6
0,204,102

#00CC99
#0C9
0,204,153

#00CCCC
#0CC
0,204,204

#00CCFF
#0CF
0,204,255

#00FF00
#0F0
0,255,0

#00FF33
#0F3
0,255,51

#00FF66
#0F6
0,255,102

#00FF99
#0F9
0,255,153

#00FFCC
#0FC
0,255,204

#00FFFF
#0FF
0,255,255

#330000
#300
51,0,0

#330033
#303
51,0,51

#330066
#306
51,0,102

#330099
#309
51,0,153

#3300CC
#30C
51,0,204

#3300FF
#30F
51,0,255

#333300
#330
51,51,0

#333333
#333
51,51,51

#333366
#336
51,51,102

#333399
#339
51,51,153

#3333CC
#33C
51,51,204

#3333FF
#33F
51,51,255

#336600
#360
51,102,0

#336633
#363
51,102,51

#336666
#366
51,102,102

#336699
#369
51,102,153

#3366CC
#36C
51,102,204

#3366FF
#36F
51,102,255

#339900
#390
51,153,0

#339933
#393
51,153,51

#339966
#396
51,153,102

#339999
#399
51,153,153

#3399CC
#39C
51,153,204

#3399FF
#39F
51,153,255

#33CC00
#3C0
51,204,0

#33CC33
#3C3
51,204,51

#33CC66
#3C6
51,204,102

#33CC99
#3C9
51,204,153

#33CCCC
#3CC
51,204,204

#33CCFF
#3CF
51,204,255

#33FF00
#3F0
51,255,0

#33FF33
#3F3
51,255,51

#33FF66
#3F6
51,255,102

#33FF99
#3F9
51,255,153

#33FFCC
#3FC
51,255,204

#33FFFF
#3FF
51,255,255

#660000
#600
102,0,0

#660033
#603
102,0,51

#660066
#606
102,0,102

#660099
#609
102,0,153

#6600CC
#60C
102,0,204

#6600FF
#60F
102,0,255

29/11/2011 19:55

Tabela de Cores HTML/CSS

8 de 11

http://www.abpsoft.com/criacaoweb/tabcores.html

#663300
#630
102,51,0

#663333
#633
102,51,51

#663366
#636
102,51,102

#663399
#639
102,51,153

#6633CC
#63C
102,51,204

#6633FF
#63F
102,51,255

#666600
#660
102,102,0

#666633
#663
102,102,51

#666666
#666
102,102,102

#666699
#669
102,102,153

#6666CC
#66C
102,102,204

#6666FF
#66F
102,102,255

#669900
#690
102,153,0

#669933
#693
102,153,51

#669966
#696
102,153,102

#669999
#699
102,153,153

#6699CC
#69C
102,153,204

#6699FF
#69F
102,153,255

#66CC00
#6C0
102,204,0

#66CC33
#6C3
102,204,51

#66CC66
#6C6
102,204,102

#66CC99
#6C9
102,204,153

#66CCCC
#6CC
102,204,204

#66CCFF
#6CF
102,204,255

#66FF00
#6F0
102,255,0

#66FF33
#6F3
102,255,51

#66FF66
#6F6
102,255,102

#66FF99
#6F9
102,255,153

#66FFCC
#6FC
102,255,204

#66FFFF
#6FF
102,255,255

#990000
#900
153,0,0

#990033
#903
153,0,51

#990066
#906
153,0,102

#990099
#909
153,0,153

#9900CC
#90C
153,0,204

#9900FF
#90F
153,0,255

#993300
#930
153,51,0

#993333
#933
153,51,51

#993366
#936
153,51,102

#993399
#939
153,51,153

#9933CC
#93C
153,51,204

#9933FF
#93F
153,51,255

#996600
#960
153,102,0

#996633
#963
153,102,51

#996666
#966
153,102,102

#996699
#969
153,102,153

#9966CC
#96C
153,102,204

#9966FF
#96F
153,102,255

#999900
#990
153,153,0

#999933
#993
153,153,51

#999966
#996
153,153,102

#999999
#999
153,153,153

#9999CC
#99C
153,153,204

#9999FF
#99F
153,153,255

#99CC00
#9C0
153,204,0

#99CC33
#9C3
153,204,51

#99CC66
#9C6
153,204,102

#99CC99
#9C9
153,204,153

#99CCCC
#9CC
153,204,204

#99CCFF
#9CF
153,204,255

#99FF00
#9F0
153,255,0

#99FF33
#9F3
153,255,51

#99FF66
#9F6
153,255,102

#99FF99
#9F9
153,255,153

#99FFCC
#9FC
153,255,204

#99FFFF
#9FF
153,255,255

#CC0000
#C00
204,0,0

#CC0033
#C03
204,0,51

#CC0066
#C06
204,0,102

#CC0099
#C09
204,0,153

#CC00CC
#C0C
204,0,204

#CC00FF
#C0F
204,0,255

#CC3300
#C30
204,51,0

#CC3333
#C33
204,51,51

#CC3366
#C36
204,51,102

#CC3399
#C39
204,51,153

#CC33CC
#C3C
204,51,204

#CC33FF
#C3F
204,51,255

#CC6600
#C60
204,102,0

#CC6633
#C63
204,102,51

#CC6666
#C66
204,102,102

#CC6699
#C69
204,102,153

#CC66CC
#C6C
204,102,204

#CC66FF
#C6F
204,102,255

#CC9900
#C90
204,153,0

#CC9933
#C93
204,153,51

#CC9966
#C96
204,153,102

#CC9999
#C99
204,153,153

#CC99CC
#C9C
204,153,204

#CC99FF
#C9F
204,153,255

#CCCC00
#CC0
204,204,0

#CCCC33
#CC3
204,204,51

#CCCC66
#CC6
204,204,102

#CCCC99
#CC9
204,204,153

#CCCCCC
#CCC
204,204,204

#CCCCFF
#CCF
204,204,255

29/11/2011 19:55

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

#CCFF00
#CF0
204,255,0

#CCFF33
#CF3
204,255,51

#CCFF66
#CF6
204,255,102

#CCFF99
#CF9
204,255,153

#CCFFCC
#CFC
204,255,204

#CCFFFF
#CFF
204,255,255

#FF0000
#F00
255,0,0

#FF0033
#F03
255,0,51

#FF0066
#F06
255,0,102

#FF0099
#F09
255,0,153

#FF00CC
#F0C
255,0,204

#FF00FF
#F0F
255,0,255

#FF3300
#F30
255,51,0

#FF3333
#F33
255,51,51

#FF3366
#F36
255,51,102

#FF3399
#F39
255,51,153

#FF33CC
#F3C
255,51,204

#FF33FF
#F3F
255,51,255

#FF6600
#F60
255,102,0

#FF6633
#F63
255,102,51

#FF6666
#F66
255,102,102

#FF6699
#F69
255,102,153

#FF66CC
#F6C
255,102,204

#FF66FF
#F6F
255,102,255

#FF9900
#F90
255,153,0

#FF9933
#F93
255,153,51

#FF9966
#F96
255,153,102

#FF9999
#F99
255,153,153

#FF99CC
#F9C
255,153,204

#FF99FF
#F9F
255,153,255

#FFCC00
#FC0
255,204,0

#FFCC33
#FC3
255,204,51

#FFCC66
#FC6
255,204,102

#FFCC99
#FC9
255,204,153

#FFCCCC
#FCC
255,204,204

#FFCCFF
#FCF
255,204,255

#FFFF00
#FF0
255,255,0

#FFFF33
#FF3
255,255,51

#FFFF66
#FF6
255,255,102

#FFFF99
#FF9
255,255,153

#FFFFCC
#FFC
255,255,204

#FFFFFF
#FFF
255,255,255
voltar

Entendendo a tabela
As cores figuram como fundo das diversas clulas da tabela e cada uma delas pode apresentar-se seguida das
seguintes informaes:
nome;
cdigo RGB hexadecimal;
cdigo RGB hexadecimal abreviado;
cdigo RGB decimal;
indicao se est contida no conjunto das Cores Seguras da Web (CSW: sim ou no).
Cdigo hexadecimal abreviado da cor CSW mais prxima, somente quando a indicao acima for "no".
Algumas cores apresentam-se sem nome e/ou sem o cdigo hexadecimal abreviado (porque no possvel t-lo).
A tabela est dividida em dez sees, sendo que na seo 10 esto listadas as 216 Cores Seguras da Web,
portanto as duas ltimas informaes acima s se fazem necessrias nas sees de 1 a 9.

Os nomes das cores


Na primeira seo da tabela esto listadas 143 cores cujos nomes so reconhecidos pelos browsers principais,
dentre elas as chamadas oficiais. Mas as oficiais so apenas 17 e esto assinaladas com um asterisco.
Quanto aos nomes mencionados em outras sees da tabela (em portugus ou ingls), so nomes usados na
linguagem comum e, no lugar deles, temos de adotar o cdigo.

O Cdigo RGB Decimal


A sigla RGB significa Red, Green, Blue (Vermelho, Verde, Azul). Qualquer cor que aparece no monitor de seu
computador formada da mistura de certa quantidade de cada uma dessas trs cores.
As quantidades podem ser representadas pelos nmeros decimais de 0 a 255, ou seja, 256 quantidades.
Combinando as 256 quantidades possveis de vermelho, verde e azul, possvel obter at 16.777.216 cores
diferentes (256 x 256 x 256).

9 de 11

29/11/2011 19:55

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

Exemplos:
255,102,0
51,102,153
O primeiro dos exemplos acima refere-se a uma cor composta de mais vermelho (a maior quantidade possvel),
menos verde e nada de azul. J no segundo exemplo temos mais verde que vermelho e mais azul que verde.

O Cdigo RGB Hexadecimal


Vimos no tpico anterior a codificao das cores pelo sistema de numerao decimal (base 10). As cores podem
tambm ser representadas por cdigos formados por nmeros hexadecimais (base 16).
Sabemos que para formar um nmero do sistema decimal utilizamos dez dgitos, os quais so: 0,1,2,3,4,5,6,7,8,9.
Assim, ao formarmos, por exemplo, um nmero de dois dgitos, para o seu primeiro dgito temos 10 possibilidades
e para o segundo tambm. assim que funciona para nmeros de qualquer quantidade de dgitos; so sempre dez
possibilidades para cada dgito. Ento, podemos chegar concluso que o maior nmero de dois dgitos no
sistema decimal 99 e o maior com trs dgitos 999 e assim por diante.
No sistema hexadecimal de numerao, temos de percorrer o mesmo raciocnio, s que utilizando 16 dgitos. So
eles: 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. De maneira anloga, ao estabelecermos um nmero de dois dgitos, para o
primeiro dgito e para o segundo temos 16 possibilidades. Agora tambm podemos chegar concluso que o maior
nmero de dois dgitos no sistema hexadecimal FF.
Assim como no sistema decimal ns utilizamos a faixa numrica de 0 a 255 na codificao, no sistema hexadecimal
utilizamos a faixa numrica de 0 a FF. So 256 nmeros em ambos os sistemas de numerao.
No nosso propsito nesta pgina nos aprofundarmos no assunto "sistemas de numerao", portanto no
falaremos sobre como converter um nmero hexadecimal em um nmero decimal. Mas o que j foi dito at aqui j
suficiente para que voc possa inferir que o nmero zero do sistema hexadecimal corresponde ao nmero zero do
decimal e que o nmero FF do sistema hexadecimal corresponde ao nmero 255 do decimal.
Uma forma prtica de converter um nmero de um sistema para outro utilizando a calculadora do
Hex Dec
Windows, mas antes, no seu menu Exibir, d um clique em Cientfica. Experimente usar essa calculadora
00 0
para fazer as converses exibidas ao lado.
Agora que j aprendemos um pouco sobre o sistema de numerao hexadecimal, vamos ao cdigo das
cores propriamente dito. Tomemos j de uma vez um exemplo:
Nome da cor:Azul celeste
Cdigo Hexadecimal: #33CCFF
Cdigo Decimal: 51,204,255

08

80

128

9B

155

CD

205

Da mesma forma que o cdigo decimal formado por trs nmeros, o hexadecimal tambm o . S que FF 255
no hexadecimal os nmeros so justapostos (sempre com dois dgitos cada um). No caso do exemplo,
temos os nmeros 33, CC e FF. Se, com a calculadora do Windows, voc fizer a converso desses trs nmeros
do sistema hexadecimal para o sistema decimal, ter como resposta os nmeros 51, 204 e 255.
Note que o cdigo hexadecimal ser sempre precedido do smbolo # (tralha).

O Cdigo RGB Hexadecimal Abreviado


Vimos que o cdigo hexadecimal das cores formado por 3 pares de dgitos. Vejamos alguns exemplos:
1.
2.
3.
4.

#FF78C7
#CD5C5C
#FF00FF
#CCFF99

Observemos os 4 exemplos acima. No exemplo 1, temos um par formado de dgitos iguais e cada um dos outros
dois pares formado por dgitos diferentes. No exemplo 2, temos cada um de todos os pares com dgitos diferentes.
J nos exemplos 3 e 4, cada par formado por dgitos iguais.
Para os exemplos 3 e 4 podemos utilizar o cdigo abreviado, assim:
#F0F
#CF9
O Browser vai saber que F FF, 0 00, C CC e 9 99. Note que para os exemplos 1 e 2 essa reduo no
possvel.

10 de 11

29/11/2011 19:55

Tabela de Cores HTML/CSS

http://www.abpsoft.com/criacaoweb/tabcores.html

Como exprimir as cores em HTML e CSS


Existem vrias formas de definir as cores em HTML e CSS.
Em HTML e CSS, podemos usar o nome da cor, o cdigo hexadecimal no formato #rrggbb ou o cdigo decimal no
formato rgb(x,x,x). Neste ltimo formato, x pode ser um nmero de 0 a 255 ou um percentual de 0% a 100%.
Em CSS podemos utilizar ainda o cdigo hexadecimal reduzido.
Exemplos com HTML:
<body bgcolor="green">
<body bgcolor="00ffff">
<font color="ff0000">
<font color="rdb(255,0,0)">
<body bgcolor="rgb(0%,100%,0%)">
Exemplos com CSS:
{color: yellow}
{background-color: silver}
{background-color: #ccccff}
{background-color: #ccf}
{background-color: rgb(204,204,255)}
{color:rgb(80%,20%,60%)}
Observao:
Somente aqueles nomes reconhecidos pelos brownsers (seo 1 da tabela) podem ser utilizados, inclusive os das
17 cores oficiais.

O que so Cores Seguras da Web


Atualmente os computadores so capazes de exibir simultaneamente milhes de cores em seus monitores. Mas at
meados de 1990 no era assim. Naquela poca os computadores s conseguiam exibir 256 cores. Isso obrigava os
navegadores a trabalharem s com essa quantidade limitada de cores.
Dessa quantidade, os sistemas operacionais Windows e Macintosh reservaram cada um 20 cores para criar suas
interfaces grficas (40 no total). Assim restaram 216 para serem utilizadas com a garantia de que seriam exibidas
tanto num sistema quanto no outro.
Essas 216 cores ficaram conhecidas como "Cores Seguras da Web" e so obtidas usando cdigos formados com a
combinao apenas dos nmeros seguintes:
Base 10: 00 51 102 153 204 255
Base 16: 00 33 66

99

CC

FF

J que os computadores modernos no mais possuem as limitaoes mencionadas, precisamos ainda ter essa
preocupao? Sim, porque hoje existem terminais mveis (em telefones mveis e em PDAs) que possuem paletas
reduzidas.
Ento, se queremos que nossa pgina seja exibida sem problemas tambm por esses dispositivos, devemos
considerar isso.
por esse motivo que, para cada cor que no se enquadra no conjunto das Cores Seguras da Web, incluimos a
apresentao de uma cor alternativa que se enquadra. A informao aparece em cdigo hexadecimal abreviado
dentro de uma clula pequena que fica dentro da clula principal. Essa clula pequena aparece sem bordas e seu
fundo tem a cor alternativa. Colocamos a clula pequena sem bordas para que fique bem evidenciada a diferena
entre as duas cores. No geral, as cores obtidas so bem semelhantes, h algumas que at se esvaem sobre a
outra cor. Mas h algumas que so razoavelmente destoantes.
O critrio adotado foi o de substituir os nmeros que compem o cdigo da cor pelos mais prximos, dentre os
mencionados acima.

Copy r i ght 2006 Abpsof t. Todos os di r ei tos r eser vados.

11 de 11

| Mapa do Si te |

29/11/2011 19:55

S-ar putea să vă placă și