Content - 0c9f151e79940e6d2589bdedcc91c9266d698683 - c226a5f/css/css-color/t424-hsl-values-b-13.html

visit type:

Tip revision: 333fad14e8b4d4668f1010ce17571c254404bcfd authored by Geoffrey Sneddon on 29 March 2018, 04:35:19 UTC
Remove near-empty functions after refactoring config code

Tip revision: 333fad1

t424-hsl-values-b-13.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: hsl() values</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="author" title="Intel" href="http://www.intel.com">
<link rel="help" href="http://www.w3.org/TR/css3-color/#hsl-color" />
<link rel="match" href="t424-hsl-values-b-13-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Implementation of algorithm for converting hsl() colors to rgb() colors." />
<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 aqua at the middle.</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(180, 100%, 0%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 10%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 20%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 30%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 40%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 60%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 70%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 80%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 90%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 100%)">&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(0, 51, 51)">&nbsp;</td>
      <td style="background: rgb(0, 102, 102)">&nbsp;</td>
      <td style="background: rgb(0, 153, 153)">&nbsp;</td>
      <td style="background: rgb(0, 204, 204)">&nbsp;</td>
      <td style="background: rgb(0, 255, 255)">&nbsp;</td>
      <td style="background: rgb(51, 255, 255)">&nbsp;</td>
      <td style="background: rgb(102, 255, 255)">&nbsp;</td>
      <td style="background: rgb(153, 255, 255)">&nbsp;</td>
      <td style="background: rgb(204, 255, 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