| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Color 4: Verify lightness in LCH is always clamped to a value between 0% to 100%</title> |
| <link rel="help" href="https://drafts.csswg.org/css-color/#cie-lab"> |
| <link rel="match" href="lch-l-over-100-ref.html"> |
| <meta name="assert" content="lch() with lightness graeter than 100%"> |
| <style> |
| .ref { background-color: lch(100% 150 20); width: 100px; height: 100px} |
| /* l = 150% should clamp back to 100% */ |
| .test { background-color: lch(150% 150 20); width: 100px; height: 100px} |
| </style> |
| |
| <body> |
| <p>Test passes if you see a single color.</p> |
| <div class="ref"></div> |
| <div class="test"></div> |
| </body> |