Content - 1a0d2e386d9c05375ea9419cb5d886e15b48126b - dba4349/css/css-color/t424-hsl-values-b-9.html

visit type:

Tip revision: 4b97ac70bda81f089de42e3dbe4a10e505a6436d authored by Philip Jägenstedt on 25 January 2018, 12:55:18 UTC
Merge remote-tracking branch 'origin/master' into annevk/meta-global

Tip revision: 4b97ac7

t424-hsl-values-b-9.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-9-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 two steps from nearly gray at the left to fuchsia at the right.</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(300, 20%, 50%)">&nbsp;</td>
      <td style="background: hsl(300, 60%, 50%)">&nbsp;</td>
      <td style="background: hsl(300, 100%, 50%)">&nbsp;</td>
      <td style="background: white">&nbsp;</td>
    </tr>
    <tr>
      <td style="background: white">&nbsp;</td>
      <td style="background: rgb(153, 102, 153)">&nbsp;</td>
      <td style="background: rgb(204, 51, 204)">&nbsp;</td>
      <td style="background: rgb(255, 0, 255)">&nbsp;</td>
      <td style="background: black">&nbsp;</td>
    </tr>
  </table>
</body>

Browse the archive

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