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

visit type:

Tip revision: 58c02cddac41bd8027ce5b31ace82ab47e13d89b authored by Darren Shen on 26 February 2018, 19:13:50 UTC
[css-typed-om] Make custom paint canvas work with <gradient>s.

Tip revision: 58c02cd

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