[css-c. #olor-4] Correct powerles example to not encourage making saturation powerless. w3c#8609

Author: Chris Lilley

css-color-4/Overview.bs

@@ -1008,13 +1008,17 @@ any achromatic color will have a [=powerless=] hue component.
 	in which components are automatically missing.
 
 	It can also be specified explicitly,
-	by providing the keyword <dfn value for="<color>">none</dfn> for a component in a color function.
+	by providing the keyword <dfn value for="<color>">none</dfn> 
+	for a component in a color function.
 	All color functions 
 	(with the exception of those using the <a>legacy color syntax</a>) 
 	allow any of their components to be specified as ''none''.
 
+	This should be done with care, 
+	and only when the particular effect of doing so is desired.
+
 	For handling of [=missing component=] in color interpolation,
-	see [[#interpolation-missing]]
+	see [[#interpolation-missing]].
 
 	For all other purposes, a [=missing component=] behaves as a zero value,
 	in the appropriate unit for that component: ''0'', ''0%'', or ''0deg''.
@@ -1036,32 +1040,32 @@ any achromatic color will have a [=powerless=] hue component.
 		one could write ''color-mix(in hsl, white 30%, green 70%)''.
 		Since ''white'' is an achromatic color,
 		it has a [=missing=] hue when expressed in ''hsl()''
-		(effectively ''hsl(none none 100%))'',
-		since <em>any</em> hue or saturation will produce the same color)
+		(effectively ''hsl(none 0% 100%))'',
+		since <em>any</em> hue will produce the same color)
 		which means that the color-mix function
-		will treat it as having the same hue and saturation as ''green''
-		(effectively ''hsl(120deg 100% 100%)''),
+		will treat it as having the same hue as ''green''
+		(effectively ''hsl(120deg 0% 100%)''),
 		and then interpolate based on those components.
 
 		The result will be a color that truly looks like a blend of green and white,
 		rather than perhaps looking reddish
-		(if ''white''s hue was defaulted to ''0deg'')
-		or grayish
-		(if ''white''s saturation was defaulted to ''0%'').
+		(if ''white''s hue was defaulted to ''0deg'').
 	</div>
 
 	<div class=example id="ex-grayscale-with-missing">
 		Explicitly specifying missing components can be useful
-		to achieve an effect where you only <em>want</em> to interpolate certain components of a color.
+		to achieve an effect where you only <em>want</em> 
+		to interpolate certain components of a color.
 
 		For example, to animate a color to "grayscale", no matter what the color is,
-		one can interpolate it with ''lch(none 0 none)''.
+		one can interpolate it with ''oklch(none 0 none)''.
 		This will take the hue and lightness from the starting color,
 		but animate its chroma down to 0,
 		rendering it into an equal-lightness gray
 		with a steady hue across the whole animation.
 
-		Doing this manually would require matching the hue and lightness of the starting color explicitly.
+		Doing this manually would require 
+		matching the hue and lightness of the starting color explicitly.
 	</div>