Browser-Safe Color Chart : color « Style Basics « HTML / CSS






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>

   
  








Related examples in the same category

1.Colors
2.Hexadecimal Colors
3.background: lightblue
4.RGB Colors
5.RGB Colors with percentage
6.color: #333333
7.color: blue;
8.color:red
9.color:black; assigns the constant value black to the color property.
10.Use #fff for #ffffff
11.Change color with Javascript
12.CSS Color Chart
13.The Sixteen Basic Colors
14.User-Interface Color Keywords
15.rgb color
16.rgb color with percentage