Content - 5d001fc31b701ad22eed8c9c42e8cf5cb10bbb79 - f655a1d/css/css-color/t424-hsl-values-b-15-ref.html

visit type:

Tip revision: 858dccf8a31476e97a978c4a433eb1766270ae8e authored by Anne van Kesteren on 15 October 2018, 09:37:30 UTC
no hex or oct digits

Tip revision: 858dccf

t424-hsl-values-b-15-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 fuchsia 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, 51)">&nbsp;</td>
    <td style="background: rgb(102, 0, 102)">&nbsp;</td>
    <td style="background: rgb(153, 0, 153)">&nbsp;</td>
    <td style="background: rgb(204, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 51, 255)">&nbsp;</td>
    <td style="background: rgb(255, 102, 255)">&nbsp;</td>
    <td style="background: rgb(255, 153, 255)">&nbsp;</td>
    <td style="background: rgb(255, 204, 255)">&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, 51)">&nbsp;</td>
    <td style="background: rgb(102, 0, 102)">&nbsp;</td>
    <td style="background: rgb(153, 0, 153)">&nbsp;</td>
    <td style="background: rgb(204, 0, 204)">&nbsp;</td>
    <td style="background: rgb(255, 0, 255)">&nbsp;</td>
    <td style="background: rgb(255, 51, 255)">&nbsp;</td>
    <td style="background: rgb(255, 102, 255)">&nbsp;</td>
    <td style="background: rgb(255, 153, 255)">&nbsp;</td>
    <td style="background: rgb(255, 204, 255)">&nbsp;</td>
    <td style="background: rgb(255, 255, 255)">&nbsp;</td>
    <td style="background: black">&nbsp;</td>
  </tr>
</table>
</body>

Browse the archive

https://github.com/web-platform-tests/wpt