Lab and LCH take percentage on L (#22164)

web-platform-tests · Mar 16, 2020 · 3555a98 · 3555a98
1 parent ec2bf5a
commit 3555a98
Show file tree

Hide file tree

Showing 14 changed files with 14 additions and 14 deletions.
diff --git a/css/css-color/lab-001.html b/css/css-color/lab-001.html
@@ -6,7 +6,7 @@
 <link rel="match" href="greentext-ref.html">
 <meta name="assert" content="lab() with no alpha">
 <style>
-    .test {color: lab(46.277 -47.562 48.583)} /* green (sRGB #008000) converted to Lab */
+    .test {color: lab(46.277% -47.562 48.583)} /* green (sRGB #008000) converted to Lab */
 </style>
 <body>
     <p class="test">Test passes if this text is green</p>

diff --git a/css/css-color/lab-002.html b/css/css-color/lab-002.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha">
 <style>
     .test { color: red; }
-    .test { color: lab(0 0 0)} /* black (sRGB #000000) converted to Lab */
+    .test { color: lab(0% 0 0)} /* black (sRGB #000000) converted to Lab */
 </style>
 <body>
     <p class="test">Test passes if this text is black</p>

diff --git a/css/css-color/lab-003.html b/css/css-color/lab-003.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha">
 <style>
     .test { color: red; background-color: #333; padding: 3px;}
-    .test { color: lab(100 0 0);} /* white (sRGB #FFFFFF) converted to Lab */
+    .test { color: lab(100% 0 0);} /* white (sRGB #FFFFFF) converted to Lab */
 </style>
 <body>
     <p class="test">Test passes if this text is white</p>

diff --git a/css/css-color/lab-004.html b/css/css-color/lab-004.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha, positive a axis">
 <style>
     .test { color: red; }
-    .test { color: lab(50 50 0)}
+    .test { color: lab(50% 50 0)}
     .match { color: rgb(75.62%, 30.45%, 47.56%)} /* lab(50 50 0) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lab-005.html b/css/css-color/lab-005.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha, negative a axis">
 <style>
     .test { color: red; }
-    .test { color: lab(70 -45 0)}
+    .test { color: lab(70% -45 0)}
     .match { color: rgb(10.79%, 75.55%, 66.40%)} /* lab(70 -45 0) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lab-006.html b/css/css-color/lab-006.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha, positive b axis">
 <style>
     .test { color: red; }
-    .test { color: lab(70 0 70)}
+    .test { color: lab(70% 0 70)}
     .match { color: rgb(76.62%, 66.36%, 5.58%)} /* lab(70 0 70) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lab-007.html b/css/css-color/lab-007.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha, negative b axis">
 <style>
     .test { color: red; }
-    .test { color: lab(55 0 -60)}
+    .test { color: lab(55% 0 -60)}
     .match { color: rgb(12.81%, 53.10%, 92.76%)} /* lab(55 0 -60) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lch-001.html b/css/css-color/lch-001.html
@@ -6,7 +6,7 @@
 <link rel="match" href="greentext-ref.html">
 <meta name="assert" content="lch() with no alpha">
 <style>
-    .test {color: lch(46.277 67.945 134.427)} /* green (sRGB #008000) converted to LCH */
+    .test {color: lch(46.277% 67.945 134.427)} /* green (sRGB #008000) converted to LCH */
 </style>
 <body>
     <p class="test">Test passes if this text is green</p>

diff --git a/css/css-color/lch-002.html b/css/css-color/lch-002.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lch() with no alpha">
 <style>
     .test { color: red; }
-    .test { color: lch(0 0 0)} /* black (sRGB #000000) converted to LCH */
+    .test { color: lch(0% 0 0)} /* black (sRGB #000000) converted to LCH */
 </style>
 <body>
     <p class="test">Test passes if this text is black</p>

diff --git a/css/css-color/lch-003.html b/css/css-color/lch-003.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lch() with no alpha">
 <style>
     .test { color: red; background-color: #333; padding: 3px;}
-    .test { color: lch(100 0 0);} /* white (sRGB #FFFFFF) converted to LCH */
+    .test { color: lch(100% 0 0);} /* white (sRGB #FFFFFF) converted to LCH */
 </style>
 <body>
     <p class="test">Test passes if this text is white</p>

diff --git a/css/css-color/lch-004.html b/css/css-color/lch-004.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lch() with no alpha, positive a axis">
 <style>
     .test { color: red; }
-    .test { color: lch(50 50 0)}
+    .test { color: lch(50% 50 0)}
     .match { color: rgb(75.62%, 30.45%, 47.56%)} /* lch(50 50 0) converted to sRGB (happens to be the same as lab(50 50 0)*/
 </style>
 <body>

diff --git a/css/css-color/lch-005.html b/css/css-color/lch-005.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lch() with no alpha, negative a axis">
 <style>
     .test { color: red; }
-    .test { color: lch(70 45 -180)}
+    .test { color: lch(70% 45 -180)}
     .match { color: rgb(10.79%, 75.55%, 66.40%)} /* lch(70 45 180) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lch-006.html b/css/css-color/lch-006.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lch() with no alpha, positive b axis">
 <style>
     .test { color: red; }
-    .test { color: lch(70 70 90)}
+    .test { color: lch(70% 70 90)}
     .match { color: rgb(76.62%, 66.36%, 5.58%)} /* lch(70 70 90) converted to sRGB */
 </style>
 <body>

diff --git a/css/css-color/lch-007.html b/css/css-color/lch-007.html
@@ -7,7 +7,7 @@
 <meta name="assert" content="lab() with no alpha, negative b axis">
 <style>
     .test { color: red; }
-    .test { color: lch(56 58 275)}
+    .test { color: lch(56% 58 275)}
     .match { color: rgb(12.81%, 53.10%, 92.76%)} /* lch(56 58 275) converted to sRGB */
 </style>
 <body>