CSS Color Chart : Color : Reference HTML CSS TUTORIALS


HTML CSS TUTORIALS » Reference » Color »

 

CSS Color Chart




<html>
<head>
<title>CSS Color Chart</title>
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
body   {background-color: rgb(60%,60%,60%); color: rgb(0%,0%,0%);}
   h1, h2     {color: rgb(80%80%80%)}
   th         {background-color: rgb(65%65%65%)}
  
</style>
</head>
<body>
<div align="center">
<h1>"Browser-Safe" Color Mixing Chart</h1>

 

<h2>Pure Colors</h2>

<table border="1" cellpadding="15" width="90%">
<tr>
<th>Color</th>
<th>20%</th>
<th>40%</th>
<th>60%</th>
<th>80%</th>
<th>100%</th>
</tr>

<tr><!-- Row -->
<th>Pure Red</th>
<td style="background-color: rgb(20%0%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(40%0%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(60%0%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(80%0%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(100%0%0%)">?/td>
<!-- Col -->
</tr>

<tr><!-- Row -->
<th>Pure Green</th>
<td style="background-color: rgb(0%20%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%40%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%60%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%80%0%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%100%0%)">?/td>
<!-- Col -->
</tr>

<tr><!-- Row -->
<th>Pure Blue</th>
<!-- Col -->
<td style="background-color: rgb(0%0%20%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%0%40%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%0%60%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%0%80%)">?/td>
<!-- Col -->
<td style="background-color: rgb(0%0%100%)">?/td>
<!-- Col -->
</tr>
</table>

<br>


</div>
</body>
</html>


           
       



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Reference
» Color