[css-color-4][editorial] Update example from LCH to Oklch

Author: svgeesus

css-color-4/Overview.bs

@@ -2111,7 +2111,7 @@ HSL Colors: ''hsl()'' and ''hsla()'' functions</h2>
 	An advantage of HSL over LCH is that,
 	regardless of manipulation,
 	the result always lies inside the sRGB gamut. -->
-	<p id="disadvantage-hsl">A disadvantage of HSL over LCH
+	<p id="disadvantage-hsl">A disadvantage of HSL over Oklch
 	is that hue manipulation changes the visual lightness,
 	and that hues are not evenly spaced apart.</p>
 
@@ -2132,12 +2132,12 @@ HSL Colors: ''hsl()'' and ''hsla()'' functions</h2>
 		Both have an HSL Lightness of 50%,
 		but clearly the yellow looks much lighter than the blue.
 
-		In LCH, sRGB blue is
-		<span class="swatch" style="--color: blue"></span>&nbsp;''lch(29.6% 131.2 301.3)''
+		In Oklch, sRGB blue is
+		<span class="swatch" style="--color: blue"></span>&nbsp;''oklch(0.452 0.313 264.1)''
 		while
 		sRGB yellow is
-		<span class="swatch" style="--color: yellow"></span>&nbsp;''lch(97.6% 94.7 99.6)''.
-		The LCH Lightnesses of 29.6% and 97.6% clearly reflect
+		<span class="swatch" style="--color: yellow"></span>&nbsp;''oklch(0.968 0.211 109.8)''.
+		The Oklch Lightnesses of 0.452 and 0.968 clearly reflect
 		the visual lightnesses of the two colors.
 	</div>
 
@@ -2163,18 +2163,18 @@ HSL Colors: ''hsl()'' and ''hsla()'' functions</h2>
 		<span class="swatch" style="--color: hsl(50 100% 50%)"></span>&nbsp;''hsl(50deg 100% 50%)''
 		and
 		<span class="swatch" style="--color: hsl(80 100% 50%)"></span>&nbsp;''hsl(80deg 100% 50%)'',
-		which also have a hue difference of 80-50 = <strong>30</strong>deg, look very different.
+		which <em>also</em> have a hue difference of 80-50 = <strong>30</strong>deg, look very different.
 
-		In LCH, the same pair of colors
-		<span class="swatch" style="--color: hsl(220 100% 50%)"></span>&nbsp;''lch(42.1% 97.4 290.6)''
+		In Oklch, the same pair of colors
+		<span class="swatch" style="--color: hsl(220 100% 50%)"></span>&nbsp;''oklch(0.533 0.26 262.6)''
 		and
-		<span class="swatch" style="--color: hsl(250 100% 50%)"></span>&nbsp;''lch(30.8% 129.7 302.1)''
-		have a hue difference of 302.1-290.6 = <strong>11.5</strong>deg
+		<span class="swatch" style="--color: hsl(250 100% 50%)"></span>&nbsp;''oklch(0.462 0.306 268.9)''
+		have a hue difference of 268.9 - 262.6 = <strong>6.3</strong>deg
 		while the second pair
-		<span class="swatch" style="--color: hsl(50 100% 50%)"></span>&nbsp;''lch(86.8% 86.2 87.3)''
+		<span class="swatch" style="--color: hsl(50 100% 50%)"></span>&nbsp;''oklch(0.882 0.181 94.24)''
 		and
-		<span class="swatch" style="--color: hsl(80 100% 50%)"></span>&nbsp;''lch(92.0% 98.8 119.1)''
-		have a hue difference of 119.1-87.3 = <strong>31.8</strong>deg,
+		<span class="swatch" style="--color: hsl(80 100% 50%)"></span>&nbsp;''oklch(0.91 0.245 129.9)''
+		have a hue difference of 129.9 - 94.24 = <strong>35.66</strong>deg,
 		correctly reflecting the visual separation of hues.
 
 	</div>