Content - e8be0974b4be5c7676cc7f9d4742bedd4d9871e7 - 3eaf81d/css/css-color/t424-hsl-values-b-6.html

visit type:

Tip revision: b71f2b352ffc54f46299931a1ada7b71e6c92877 authored by Mike Pennisi on 10 December 2018, 20:43:57 UTC
Explicitly fetch test manifest

Tip revision: b71f2b3

t424-hsl-values-b-6.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-6-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 green at the right.</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(120, 20%, 50%)">&nbsp;</td>
      <td style="background: hsl(120, 60%, 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(102, 153, 102)">&nbsp;</td>
      <td style="background: rgb(51, 204, 51)">&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