Browser-Safe Color Chart : color : Style Basics HTML CSS TUTORIALS

HTML CSS TUTORIALS » Style Basics » color »

 

Browser-Safe Color Chart


 



<html>
<head>
<title></title>
<style>td {font-size:1.4em}</style>
</head>

<body bgcolor="#000000">
<h1 align="center"><font color="silver">Browser-Safe Color Chart</font></h1>
<center>
<table cellpadding="5" cellspacing="3" border="1" bordercolor="#99CCFF">
<tr>
       <td bgcolor="#FFFFFF">#FFFFFF</td>
       <td bgcolor="#FFFFCC">#FFFFCC</td>
       <td bgcolor="#FFFF99">#FFFF99</td>
       <td bgcolor="#FFFF66">#FFFF66</td>
       <td bgcolor="#FFFF33">#FFFF33</td>
     <td bgcolor="#FFFF00">#FFFF00</td>
</tr>
<tr>
       <td bgcolor="#FFCCFF">#FFCCFF</td>
       <td bgcolor="#FFCCCC">#FFCCCC</td>
       <td bgcolor="#FFCC99">#FFCC99</td>
       <td bgcolor="#FFCC66">#FFCC66</td>
     <td bgcolor="#FFCC33">#FFCC33</td>
       <td bgcolor="#FFCC00">#FFCC00</td>
</tr>
<tr>
     <td bgcolor="#FF99FF">#FF99FF</td>
       <td bgcolor="#FF99CC">#FF99CC</td>
       <td bgcolor="#FF9999">#FF9999</td>
       <td bgcolor="#FF9966">#FF9966</td>
     <td bgcolor="#FF9933">#FF9933</td>
       <td bgcolor="#FF9900">#FF9900</td>

</tr>
<tr>
     <td bgcolor="#FF66FF">#FF66FF</td>
       <td bgcolor="#FF66CC">#FF66CC</td>
       <td bgcolor="#FF6699">#FF6699</td>
     <td bgcolor="#FF6666">#FF6666</td>
       <td bgcolor="#FF6633">#FF6633</td>
       <td bgcolor="#FF6600">#FF6600</td>

</tr>
<tr>
     <td bgcolor="#FF33FF">#FF33FF</td>
       <td bgcolor="#FF33CC">#FF33CC</td>
     <td bgcolor="#FF3399">#FF3399</td>
       <td bgcolor="#FF3366">#FF3366</td>
       <td bgcolor="#FF3333">#FF3333</td>
       <td bgcolor="#FF3300">#FF3300</td>

</tr>
<tr>
     <td bgcolor="#FF00FF">#FF00FF</td>
       <td bgcolor="#FF00CC">#FF00CC</td>
       <td bgcolor="#FF0099">#FF0099</td>
       <td bgcolor="#FF0066">#FF0066</td>
       <td bgcolor="#FF0033">#FF0033</td>
       <td bgcolor="#FF0000">#FF0000</td>
</tr>
<tr>
       <td bgcolor="#CCFFFF">#CCFFFF</td>
       <td bgcolor="#CCFFCC">#CCFFCC</td>
       <td bgcolor="#CCFF99">#CCFF99</td>
       <td bgcolor="#CCFF66">#CCFF66</td>
       <td bgcolor="#CCFF33">#CCFF33</td>
     <td bgcolor="#CCFF00">#CCFF00</td>
</tr>
<tr>
       <td bgcolor="#CCCCFF">#CCCCFF</td>
       <td bgcolor="#CCCCCC">#CCCCCC</td>
       <td bgcolor="#CCCC99">#CCCC99</td>
       <td bgcolor="#CCCC66">#CCCC66</td>
       <td bgcolor="#CCCC33">#CCCC33</td>
     <td bgcolor="#CCCC00">#CCCC00</td>
</tr>
<tr>
       <td bgcolor="#CC99FF">#CC99FF</td>
       <td bgcolor="#CC99CC">#CC99CC</td>
       <td bgcolor="#CC9999">#CC9999</td>
       <td bgcolor="#CC9966">#CC9966</td>
       <td bgcolor="#CC9933">#CC9933</td>
     <td bgcolor="#CC9900">#CC9900</td>
</tr>
<tr>
       <td bgcolor="#CC66FF">#CC66FF</td>
       <td bgcolor="#CC66CC">#CC66CC</td>
       <td bgcolor="#CC6699">#CC6699</td>
       <td bgcolor="#CC6666">#CC6666</td>
       <td bgcolor="#CC6633">#CC6633</td>
     <td bgcolor="#CC6600">#CC6600</td>
</tr>
<tr>
       <td bgcolor="#CC33FF">#CC33FF</td>
       <td bgcolor="#CC33CC">#CC33CC</td>
       <td bgcolor="#CC3399">#CC3399</td>
       <td bgcolor="#CC3366">#CC3366</td>
       <td bgcolor="#CC3333">#CC3333</td>
     <td bgcolor="#CC3300">#CC3300</td>
</tr>
<tr>
       <td bgcolor="#CC00FF">#CC00FF</td>
       <td bgcolor="#CC00FF">#CC00CC</td>
       <td bgcolor="#CC0099">#CC0099</td>
       <td bgcolor="#CC0066">#CC0066</td>
       <td bgcolor="#CC0033">#CC0033</td>
     <td bgcolor="#CC0000">#CC0000</td>
</tr>
<tr>
       <td bgcolor="#99FFFF">#99FFFF</td>
       <td bgcolor="#99FFCC">#99FFCC</td>
       <td bgcolor="#99FF99">#99FF99</td>
       <td bgcolor="#99FF66">#99FF66</td>
       <td bgcolor="#99FF33">#99FF33</td>
     <td bgcolor="#99FF00">#99FF00</td>
</tr>
<tr>
       <td bgcolor="#99CCFF">#99CCFF</td>
       <td bgcolor="#99CCCC">#99CCCC</td>
       <td bgcolor="#99CC99">#99CC99</td>
       <td bgcolor="#99CC66">#99CC66</td>
       <td bgcolor="#99CC33">#99CC33</td>
     <td bgcolor="#99CC00">#99CC00</td>
</tr>
<tr>
       <td bgcolor="#9999FF">#9999FF</td>
       <td bgcolor="#9999CC">#9999CC</td>
       <td bgcolor="#999999">#999999</td>
       <td bgcolor="#999966">#999966</td>
       <td bgcolor="#999933">#999933</td>
     <td bgcolor="#999900">#999900</td>
</tr>
<tr>
       <td bgcolor="#9966FF">#9966FF</td>
       <td bgcolor="#9966CC">#9966CC</td>
       <td bgcolor="#996699">#996699</td>
       <td bgcolor="#996666">#996666</td>
       <td bgcolor="#996633">#996633</td>
     <td bgcolor="#996600">#996600</td>
</tr>
<tr>
       <td bgcolor="#9933FF">#9933FF</td>
       <td bgcolor="#9933CC">#9933CC</td>
       <td bgcolor="#993399">#993399</td>
       <td bgcolor="#993366">#993366</td>
       <td bgcolor="#993333">#993333</td>
     <td bgcolor="#993300">#993300</td>
</tr>
<tr>
       <td bgcolor="#9900FF">#9900FF</td>
       <td bgcolor="#9900CC">#9900CC</td>
       <td bgcolor="#990099">#990099</td>
       <td bgcolor="#990066">#990066</td>
       <td bgcolor="#990033">#990033</td>
     <td bgcolor="#990000">#990000</td>
</tr>
<tr>
       <td bgcolor="#66FFFF">#66FFFF</td>
       <td bgcolor="#66FFCC">#66FFCC</td>
       <td bgcolor="#66FF99">#66FF99</td>
       <td bgcolor="#66FF66">#66FF66</td>
       <td bgcolor="#66FF33">#66FF33</td>
     <td bgcolor="#66FF00">#66FF00</td>
</tr>
<tr>
       <td bgcolor="#66CCFF">#66CCFF</td>
       <td bgcolor="#66CCCC">#66CCCC</td>
       <td bgcolor="#66CC99">#66CC99</td>
       <td bgcolor="#66CC66">#66CC66</td>
       <td bgcolor="#66CC33">#66CC33</td>
     <td bgcolor="#66CC00">#66CC00</td>
</tr>
<tr>
       <td bgcolor="#6699FF">#6699FF</td>
       <td bgcolor="#6699CC">#6699CC</td>
       <td bgcolor="#669999">#669999</td>
       <td bgcolor="#669966">#669966</td>
       <td bgcolor="#669933">#669933</td>
     <td bgcolor="#669900">#669900</td>
</tr>
<tr>
       <td bgcolor="#6666FF">#6666FF</td>
       <td bgcolor="#6666CC">#6666CC</td>
       <td bgcolor="#666699">#666699</td>
       <td bgcolor="#666666">#666666</td>
       <td bgcolor="#666633">#666633</td>
     <td bgcolor="#666600">#666600</td>
</tr>
<tr>
       <td bgcolor="#6633FF">#6633FF</td>
       <td bgcolor="#6633CC">#6633CC</td>
       <td bgcolor="#663399">#663399</td>
       <td bgcolor="#663366">#663366</td>
       <td bgcolor="#663333">#663333</td>
     <td bgcolor="#663300">#663300</td>
</tr>
<tr>
       <td bgcolor="#6600FF"><font color="#999999">#6600FF</font></td>
       <td bgcolor="#6600CC"><font color="#999999">#6600CC</font></td>
       <td bgcolor="#660099"><font color="#999999">#660099</font></td>
       <td bgcolor="#660066"><font color="#999999">#660066</font></td>
       <td bgcolor="#660033"><font color="#999999">#660033</font></td>
     <td bgcolor="#660000"><font color="#999999">#660000</font></td>
</tr>
<tr>
       <td bgcolor="#33FFFF"><font color="#000000">#33FFFF</font></td>
       <td bgcolor="#33FFCC"><font color="#000000">#33FFCC</font></td>
       <td bgcolor="#33FF99"><font color="#000000">#33FF99</font></td>
       <td bgcolor="#33FF66"><font color="#000000">#33FF66</font></td>
       <td bgcolor="#33FF33"><font color="#000000">#33FF33</font></td>
     <td bgcolor="#33FF00"><font color="#000000">#33FF00</font></td>
</tr>
<tr>
       <td bgcolor="#33CCFF"><font color="#000000">#33CCFF</font></td>
       <td bgcolor="#33CCCC"><font color="#000000">#33CCCC</font></td>
       <td bgcolor="#33CC99"><font color="#000000">#33CC99</font></td>
       <td bgcolor="#33CC66"><font color="#000000">#33CC66</font></td>
       <td bgcolor="#33CC33"><font color="#000000">#33CC33</font></td>
     <td bgcolor="#33CC00"><font color="#000000">#33CC00</font></td>
</tr>
<tr>
       <td bgcolor="#3399FF"><font color="#000000">#3399FF</font></td>
       <td bgcolor="#3399CC"><font color="#000000">#3399CC</font></td>
       <td bgcolor="#339999"><font color="#000000">#339999</font></td>
       <td bgcolor="#339966"><font color="#000000">#339966</font></td>
       <td bgcolor="#339933"><font color="#000000">#339933</font></td>
     <td bgcolor="#339900"><font color="#000000">#339900</font></td>
</tr>
<tr>
       <td bgcolor="#3366FF"><font color="#000000">#3366FF</font></td>
       <td bgcolor="#3366CC"><font color="#000000">#3366CC</font></td>
       <td bgcolor="#336699"><font color="#000000">#336699</font></td>
       <td bgcolor="#336666"><font color="#000000">#336666</font></td>
       <td bgcolor="#336633"><font color="#000000">#336633</font></td>
     <td bgcolor="#336600"><font color="#000000">#336600</font></td>
</tr>
<tr>
       <td bgcolor="#3333FF"><font color="#999999">#3333FF</font></td>
       <td bgcolor="#3333CC"><font color="#999999">#3333CC</font></td>
       <td bgcolor="#333399"><font color="#999999">#333399</font></td>
       <td bgcolor="#333366"><font color="#999999">#333366</font></td>
       <td bgcolor="#333333"><font color="#999999">#333333</font></td>
     <td bgcolor="#333300"><font color="#999999">#333300</font></td>
</tr>
<tr>
     <td bgcolor="#3300FF"><font color="#999999">#3300FF</font></td>
       <td bgcolor="#3300CC"><font color="#999999">#3300CC</font></td>
       <td bgcolor="#330099"><font color="#999999">#330099</font></td>
       <td bgcolor="#330066"><font color="#999999">#330066</font></td>
       <td bgcolor="#330033"><font color="#999999">#330033</font></td>
     <td bgcolor="#330000"><font color="#999999">#330000</font></td>
</tr>
<tr>
     <td bgcolor="#00FFFF"><font color="#000000">#00FFFF</font></td>
       <td bgcolor="#00FFCC"><font color="#000000">#00FFCC</font></td>
       <td bgcolor="#00FF99"><font color="#000000">#00FF99</font></td>
       <td bgcolor="#00FF66"><font color="#000000">#00FF66</font></td>
       <td bgcolor="#00FF33"><font color="#000000">#00FF33</font></td>
     <td bgcolor="#00FF00"><font color="#000000">#00FF00</font></td>
</tr>
<tr>
     <td bgcolor="#00CCFF"><font color="#000000">#00CCFF</font></td>
       <td bgcolor="#00CCCC"><font color="#000000">#00CCCC</font></td>
       <td bgcolor="#00CC99"><font color="#000000">#00CC99</font></td>
       <td bgcolor="#00CC66"><font color="#000000">#00CC66</font></td>
       <td bgcolor="#00CC33"><font color="#000000">#00CC33</font></td>
     <td bgcolor="#00CC00"><font color="#000000">#00CC00</font></td>
</tr>
<tr>
     <td bgcolor="#0099FF"><font color="#000000">#0099FF</font></td>
       <td bgcolor="#0099CC"><font color="#000000">#0099CC</font></td>
       <td bgcolor="#009999"><font color="#000000">#009999</font></td>
       <td bgcolor="#009966"><font color="#000000">#009966</font></td>
       <td bgcolor="#009933"><font color="#000000">#009933</font></td>
     <td bgcolor="#009900"><font color="#000000">#009900</font></td>
</tr>
<tr>
     <td bgcolor="#0066FF"><font color="#000000">#0066FF</font></td>
       <td bgcolor="#0066CC"><font color="#000000">#0066CC</font></td>
       <td bgcolor="#006699"><font color="#000000">#006699</font></td>
       <td bgcolor="#006666"><font color="#000000">#006666</font></td>
       <td bgcolor="#006633"><font color="#000000">#006633</font></td>
     <td bgcolor="#006600"><font color="#000000">#006600</font></td>
</tr>
<tr>
     <td bgcolor="#0033FF"><font color="#999999">#0033FF</font></td>
       <td bgcolor="#0033CC"><font color="#999999">#0033CC</font></td>
       <td bgcolor="#003399"><font color="#999999">#003399</font></td>
       <td bgcolor="#003366"><font color="#999999">#003366</font></td>
       <td bgcolor="#003333"><font color="#999999">#003333</font></td>
     <td bgcolor="#003300"><font color="#999999">#003300</font></td>
</tr>
<tr>
     <td bgcolor="#0000FF"><font color="#999999">#0000FF</font></td>
       <td bgcolor="#0000CC"><font color="#999999">#0000CC</font></td>
       <td bgcolor="#000099"><font color="#999999">#000099</font></td>
       <td bgcolor="#000066"><font color="#999999">#000066</font></td>
       <td bgcolor="#000033"><font color="#999999">#000033</font></td>
     <td bgcolor="#000000"><font color="#999999">#000000</font></td>
</tr>
</table>
</center>

</body>
</html>

 



HTML code for linking to this page:

 Follow Navioo On Twitter

HTML CSS TUTORIALS

Navioo Style Basics
» color
Background AttributesBackground Attributes
Basic AttributesBasic Attributes
Basic TagsBasic Tags
Box ModelBox Model
CSS Attributes and Javascript Style PropertiesCSS Attributes and Javascript Style Properties
CSS ControlsCSS Controls
Form AttributesForm Attributes
Form StyleForm Style
Form TagsForm Tags
Frame AttributesFrame Attributes
Frame TagsFrame Tags
HTMLHTML
IE FirefoxIE Firefox
ImagesImages
LayoutLayout
Layout AttributesLayout Attributes
Link AttributesLink Attributes
Link TagsLink Tags
List AttributesList Attributes
List StyleList Style
List TagsList Tags
Marquee AttributesMarquee Attributes
Meta TagsMeta Tags
Microsoft AttributesMicrosoft Attributes
Object AttributesObject Attributes
Object TagsObject Tags
ReferenceReference
Style BasicsStyle Basics
Styles TagsStyles Tags
Table AttributesTable Attributes
Table StyleTable Style
Table TagsTable Tags
TextText
Text AttributesText Attributes
Text TagsText Tags
XMLXML