Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-color/t424-hsl-values-b-6.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: hsl() values</title>
<link rel="match" href="t424-hsl-values-b-6-ref.html" />
<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"> </td>
<td style="background: hsl(120, 20%, 50%)"> </td>
<td style="background: hsl(120, 60%, 50%)"> </td>
<td style="background: hsl(120, 100%, 50%)"> </td>
<td style="background: white"> </td>
</tr>
<tr>
<td style="background: white"> </td>
<td style="background: rgb(102, 153, 102)"> </td>
<td style="background: rgb(51, 204, 51)"> </td>
<td style="background: rgb(0, 255, 0)"> </td>
<td style="background: black"> </td>
</tr>
</table>
</body>