mozilla-central/testing/web-platform/tests/css/css-color/t424-hsl-values-b-1-ref.html

Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Reference</title>
<link rel="author" title="Intel" href="http://www.intel.com">
<style>
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
td { width: 1.2em; height: 1.2em; }
</style>
<body>
<p>The following two matching (except the checkerboard at both ends to show where the rows are) rows of colors should change gradually from red at the left to green at the right (through yellow in the middle).</p>
<table>
<tr>
<td style="background: black">&nbsp;</td>
<td style="background: rgb(255, 0, 0)">&nbsp;</td>
<td style="background: rgb(255, 51, 0)">&nbsp;</td>
<td style="background: rgb(255, 102, 0)">&nbsp;</td>
<td style="background: rgb(255, 153, 0)">&nbsp;</td>
<td style="background: rgb(255, 204, 0)">&nbsp;</td>
<td style="background: rgb(255, 255, 0)">&nbsp;</td>
<td style="background: rgb(204, 255, 0)">&nbsp;</td>
<td style="background: rgb(153, 255, 0)">&nbsp;</td>
<td style="background: rgb(102, 255, 0)">&nbsp;</td>
<td style="background: rgb(51, 255, 0)">&nbsp;</td>
<td style="background: rgb(0, 255, 0)">&nbsp;</td>
<td style="background: white">&nbsp;</td>
</tr>
<tr>
<td style="background: white">&nbsp;</td>
<td style="background: rgb(255, 0, 0)">&nbsp;</td>
<td style="background: rgb(255, 51, 0)">&nbsp;</td>
<td style="background: rgb(255, 102, 0)">&nbsp;</td>
<td style="background: rgb(255, 153, 0)">&nbsp;</td>
<td style="background: rgb(255, 204, 0)">&nbsp;</td>
<td style="background: rgb(255, 255, 0)">&nbsp;</td>
<td style="background: rgb(204, 255, 0)">&nbsp;</td>
<td style="background: rgb(153, 255, 0)">&nbsp;</td>
<td style="background: rgb(102, 255, 0)">&nbsp;</td>
<td style="background: rgb(51, 255, 0)">&nbsp;</td>
<td style="background: rgb(0, 255, 0)">&nbsp;</td>
<td style="background: black">&nbsp;</td>
</tr>
</table>
</body>