Revision 47c97a405921a671c3ca6ce73818f3a8b5bd8b25 authored by Geoffrey Sneddon on 04 April 2018, 21:24:40 UTC, committed by Geoffrey Sneddon on 04 April 2018, 22:04:57 UTC
1 parent 333fad1
Raw File
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>
back to top