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>


<!--Table #  Red, Blue, and Green Mixtures-->
<table width="90%" cellpadding="15" border="1">
<caption><b>Mixtures of Red, Blue, and Green</b></caption>

<tr><!-- Row -->
</tr>

<tr>
<th>Color Mixture</th>
<th>0% Green</th>
<th>20% Green</th>
<th>40% Green</th>
<th>60% Green</th>
<th>80% Green</th>
<th>100% Green</th>
</tr>

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

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

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

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

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


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


           
       



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Reference
» Color