Content - 64e9409fa42e4b7877eac0fc98b3cd1dc6f5f04b - 8c3302b/css/css-color/t424-hsl-values-b-1.html

visit type:

Tip revision: 7b37ce0a83045106480f903224bebbb986dbf34b authored by Hiroshige Hayashizaki on 25 December 2018, 01:05:34 UTC
[wpt/referrer-policy] Fix generator to support expansion=override

Tip revision: 7b37ce0

t424-hsl-values-b-1.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-1-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 gradually from red at the left to green at the right (through yellow in the middle).</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(0, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(12, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(24, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(36, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(48, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(60, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(72, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(84, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(96, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(108, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
      <td style="background: white">&nbsp;</td>
    </tr>
    <tr>
      <td style="background: white">&nbsp;</td>
      <td style="background: rgb(255, 0, 0)">&nbsp;</td>
      <td style="background: rgb(255, 51, 0)">&nbsp;</td>
      <td style="background: rgb(255, 102, 0)">&nbsp;</td>
      <td style="background: rgb(255, 153, 0)">&nbsp;</td>
      <td style="background: rgb(255, 204, 0)">&nbsp;</td>
      <td style="background: rgb(255, 255, 0)">&nbsp;</td>
      <td style="background: rgb(204, 255, 0)">&nbsp;</td>
      <td style="background: rgb(153, 255, 0)">&nbsp;</td>
      <td style="background: rgb(102, 255, 0)">&nbsp;</td>
      <td style="background: rgb(51, 255, 0)">&nbsp;</td>
      <td style="background: rgb(0, 255, 0)">&nbsp;</td>
      <td style="background: black">&nbsp;</td>
    </tr>
  </table>
</body>

Browse the archive

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