Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/external/wpt/css/css-color/t424-hsl-values-b-10-ref.html 

<!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 in ten steps from black at the left to white at the right with red at the middle.</p>
<table>
  <tr>
    <td style="background: black">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 0)">&nbsp;</td>
    <td style="background: rgb(102, 0, 0)">&nbsp;</td>
    <td style="background: rgb(153, 0, 0)">&nbsp;</td>
    <td style="background: rgb(204, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 102, 102)">&nbsp;</td>
    <td style="background: rgb(255, 153, 153)">&nbsp;</td>
    <td style="background: rgb(255, 204, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: white">&nbsp;</td>
  </tr>
  <tr>
    <td style="background: white">&nbsp;</td>
    <td style="background: rgb(0, 0, 0)">&nbsp;</td>
    <td style="background: rgb(51, 0, 0)">&nbsp;</td>
    <td style="background: rgb(102, 0, 0)">&nbsp;</td>
    <td style="background: rgb(153, 0, 0)">&nbsp;</td>
    <td style="background: rgb(204, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 0, 0)">&nbsp;</td>
    <td style="background: rgb(255, 51, 51)">&nbsp;</td>
    <td style="background: rgb(255, 102, 102)">&nbsp;</td>
    <td style="background: rgb(255, 153, 153)">&nbsp;</td>
    <td style="background: rgb(255, 204, 204)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
</body>