Menu
∞ As cores em HTML e CSS ∞
Cores seguras para a Web
A paleta de cores seguras para a Web é composta por 216 cores com suporte comum entre browsers e plataformas diferentes e organizada pelos seus diferentes tons.
Cada cor é definida pelo seu tom, saturação e luminosidade. O tom é a característica da cor que o olho humano melhor distingue.
Saturação — A saturação diminui com a adição de cinzento ao tom.
Luminosidade — A luminosidade aumenta com a adição de branco ao tom.
| #FFFFFF #FFF |
#CCCCCC #CCC |
#999999 #999 |
#666666 #666 |
#333333 #333 |
#000000 #000 |
| #669999 #699 |
#006666 #066 |
#009999 #099 |
|||
| #99CCCC #9CC |
#66CCCC #6CC |
#00CCCC #0CC |
#00FFFF #0FF |
#99FFFF #9FF |
#CCFFFF #CFF |
| #66CC99 #6C9 |
#009966 #096 |
#00CC99 #0C9 |
#66FFCC #6FC |
#00FFCC #0FC |
#99FFCC #9FC |
| #99FF99 #9F9 |
#66FF99 #6F9 |
#00FF99 #0F9 |
|||
| #99CC99 #9C9 |
#99CC66 #9C6 |
#66CC66 #6C6 |
#33CC66 #3C6 |
#33FF66 #3F6 |
#00FF66 #0F6 |
| #339900 #390 |
#009900 #090 |
#33CC00 #3C0 |
|||
| #99CC00 #9C0 |
#669900 #690 |
#336600 #360 |
#66CC00 #6C0 |
#00FF00 #0F0 |
|
| #669966 #666 |
#336633 #363 |
#003300 #030 |
#CCFFCC #CFC |
#99FF66 #9F6 |
|
| #999966 #996 |
#666633 #663 |
#333300 #330 |
#CCFF99 #CF9 |
#99FF33 #9F3 |
|
| #CCCC66 #CC6 |
#999900 #990 |
#666600 #660 |
#CCFF66 #CF6 |
#CCFF00 #CF0 |
|
| #CCCC99 #CC9 |
#996600 #960 |
#FFFFCC #FFC |
#FFFF99 #FF9 |
||
| #CC9966 #C96 |
#996633 #963 |
#330000 #300 |
#FFFF66 #F66 |
||
| #FFCC66 #FC6 |
#663300 #630 |
#FFFF00 #FF0 |
|||
| #FFCC99 #FC9 |
#FF9966 #F96 |
#CC6633 #C63 |
#993300 #930 |
#CC9933 #C93 |
#FFCC00 #FC0 |
| #FF6666 #F66 |
#CC0033 #C03 |
#663333 #633 |
#660000 #600 |
#CC3300 #C30 |
#FF6600 #F60 |
| #FF9999 #F99 |
#CC6666 #C66 |
#993333 #933 |
#990033 #903 |
#990000 #900 |
#FF0000 #F00 |
| #FFCCCC #FCC |
#CC9999 #C99 |
#996666 #966 |
#660033 #603 |
#FF6699 #F69 |
#FF0066 #F06 |
| #FF99CC #F9C |
#CC6699 #C69 |
#CC3399 #C39 |
#990066 #906 |
#CC0066 #C06 |
#FF0099 #F09 |
| #FFCCFF #FCF |
#FF99FF #F9F |
#FF66FF #F6F |
#FF33FF #F3F |
#FF33CC #F3C |
#FF66CC #F6C |
| #996699 #969 |
#CC99CC #C9C |
#CC66CC #C6C |
#CC33CC #C3C |
#993399 #939 |
#660066 #606 |
| #9966CC #96C |
#CC99FF #C9F |
#CC66FF #C6F |
#CC00FF #C0F |
#9933CC #93C |
#663366 #636 |
| #666699 #669 |
#9999CC #99C |
#CCCCFF #CCF |
#663399 #639 |
#660099 #609 |
#330033 #303 |
| #6699FF #69F |
#9999FF #99F |
#9933FF #93F |
#9966FF #96F |
#330066 #306 |
|
| #6666FF #66F |
#6600FF #60F |
#6633CC #63C |
#6666CC #66C |
#333366 #336 |
|
| #0066CC #06C |
#003399 #039 |
#000066 #006 |
#333399 #339 |
#003366 #036 |
#000033 #003 |
| #0066FF #06F |
#3366FF #36F |
#0000FF #00F |
#0000CC #00C |
#3333CC #33C |
|
| #3366CC #36C |
#0099FF #09F |
#00CCFF #0CF |
#66CCFF #6CF |
||
| #0099CC #09C |
#006699 #069 |
#6699CC #69C |
#99CCFF #9CF |
||
Escala de cinzentos
| Black | #000000 | (0,0,0) |
| Gray | #333333 | (51,51,51) |
| DarkGray | #666666 | (102,102,102) |
| Silver | #C0C0C0 | (153,153,153) |
| LightGrey | #CCCCCC | (204,204,204) |
| White | #FFFFFF | (255,255,255) |
As 16 cores básicas do Windows
| Black | #000000 | (0,0,0) |
| DarkBlue | #000099 | (0,0,153) |
| Green | #009900 | (0,153,0) |
| DarkTurquoise | #009999 | (0,153,153) |
| DarkRed | #990000 | (153,0,0) |
| DarkMagenta | #990099 | (153,0,153) |
| Olive | #999900 | (153,153,0) |
| LightGrey | #CCCCCC | (204,204,204) |
| Silver | #999999 | (153,153,153) |
| Blue | #0000FF | (0,0,255) |
| Lime | #00FF00 | (0,255,0) |
| Aqua / Cyan | #00FFFF | (0,255,255) |
| Red | #FF0000 | (255,0,0) |
| Fuchsia / Magenta | #FF00FF | (255,0,255) |
| Yellow | #FFFF00 | (255,255,0) |
| White | #FFFFFF | (255,255,255) |
© 2007 - 2010 - Miguel Moreira | Todos os direitos reservados