Content - 7b579dc0d5ed3f7ade4a9ee0731820d824c31e61 - a6647f8/css/css-color/t424-hsl-values-b-2.html

visit type:

Tip revision: c342c1ccba3e21cadb933bc2c648b37af18c26c8 authored by Mustaq Ahmed on 06 April 2018, 14:14:32 UTC
Make BlueTooth/USB requestDevice non-consuming.

Tip revision: c342c1c

t424-hsl-values-b-2.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-2-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 green at the left to blue at the right (through aqua in the middle).</p>
  <table>
    <tr>
      <td style="background: black">&nbsp;</td>
      <td style="background: hsl(120, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(132, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(144, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(156, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(168, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(180, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(192, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(204, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(216, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(228, 100%, 50%)">&nbsp;</td>
      <td style="background: hsl(240, 100%, 50%)">&nbsp;</td>
      <td style="background: white">&nbsp;</td>
    </tr>
    <tr>
      <td style="background: white">&nbsp;</td>
      <td style="background: rgb(0, 255, 0)">&nbsp;</td>
      <td style="background: rgb(0, 255, 51)">&nbsp;</td>
      <td style="background: rgb(0, 255, 102)">&nbsp;</td>
      <td style="background: rgb(0, 255, 153)">&nbsp;</td>
      <td style="background: rgb(0, 255, 204)">&nbsp;</td>
      <td style="background: rgb(0, 255, 255)">&nbsp;</td>
      <td style="background: rgb(0, 204, 255)">&nbsp;</td>
      <td style="background: rgb(0, 153, 255)">&nbsp;</td>
      <td style="background: rgb(0, 102, 255)">&nbsp;</td>
      <td style="background: rgb(0, 51, 255)">&nbsp;</td>
      <td style="background: rgb(0, 0, 255)">&nbsp;</td>
      <td style="background: black">&nbsp;</td>
    </tr>
  </table>
<body>

Browse the archive

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