css/css-color/oklch-001.html - external/w3c/web-platform-tests - Git at Google

 <!DOCTYPE html>
 <meta charset="utf-8">
 <title>CSS Color 4: OKLab and OKLCH</title>
 <link rel="author" title="Sam Weinig" href="mailto:weinig@apple.com">
 <link rel="help" href="https://drafts.csswg.org/css-color/#specifying-oklab-oklch">
 <link rel="help" href="https://drafts.csswg.org/css-color-4/#predefined-to-lab-oklab">
 <link rel="match" href="greensquare-ref.html">
 <meta name="assert" content="oklch() with no alpha">
 <style>
     .test { background-color: red; width: 12em; height: 12em; }
     .test { background-color: oklch(51.975% 0.17686 142.495); } /* green (sRGB #008000) converted to OKLCH */
 </style>
 <body>
     <p>Test passes if you see a green square, and no red.</p>
     <div class="test"></div>
 </body>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<title>CSS Color 4: OKLab and OKLCH</title>
	<link rel="author" title="Sam Weinig" href="mailto:weinig@apple.com">
	<link rel="help" href="https://drafts.csswg.org/css-color/#specifying-oklab-oklch">
	<link rel="help" href="https://drafts.csswg.org/css-color-4/#predefined-to-lab-oklab">
	<link rel="match" href="greensquare-ref.html">
	<meta name="assert" content="oklch() with no alpha">
	<style>
	.test { background-color: red; width: 12em; height: 12em; }
	.test { background-color: oklch(51.975% 0.17686 142.495); } /* green (sRGB #008000) converted to OKLCH */
	</style>
	<body>
	<p>Test passes if you see a green square, and no red.</p>
	<div class="test"></div>
	</body>