[css-color-5] Hue components in RCS also number, w3c#9876

Author: svgeesus

css-color-5/Overview.bs

@@ -822,10 +822,13 @@ but they all follow a common structure:
 	and attempting to do so is an error.
 
 Except as specified for individual color functions,
-(for example, hues return an <<angle>>),
+(for example, HWB Whiteness and Blackness return <<percentage>>),
 the [=channel keywords=] return a <<number>>; 
-if they were originally specified as a <<percentage>>,
-that percentage is resolved to a <<number>>.
+if they were originally specified as a <<percentage>> or an <<angle>>,
+that <<percentage>> is resolved to a <<number>> 
+and the <<angle>> is resolved to a <<number>> of degrees
+(which is the [=canonical unit=])
+in the range [0, 360].
 
 <div class=example>
 	For example, if a color is specified using <<percentage>>,
@@ -846,6 +849,25 @@ that percentage is resolved to a <<number>>.
 	oklab(0.457 -0.072 -0.02).
 </div>
 
+<div class="example">
+	For example, if the origin color has a hue <<angle>> specified in degrees,
+	then RCS in the same colorspace will use the resolved <<number>> form:
+
+	<pre highlight=css>
+		html { --base: <span class="swatch" style="--color: sienna"></span> oklch(52.6% 0.115 44.6deg) }
+		.summary {
+			background: <span class="swatch" style="--color: rgb(30.09% 47.36% 18.46%)"></span> oklab(from var(--base) l c  calc(h + 90));
+		}
+	</pre>
+
+	In this example the resulting RCS color is oklch(0.526 0.115 134.6).
+
+	Had the origin color hue <<angle>> been specified in another unit, 
+	such as radians or turns,
+	still the resolved <<number>> would be the number of degrees.
+	
+</div>
+
 If the [=origin color=] was originally specified with a different color function,
 it's first converted into the chosen color function,
 so it has meaningful values for the channels.
@@ -1007,7 +1029,7 @@ the allowed [=channel keywords=] are:
 * <dfn value for="hsl()">h</dfn> is an <<angle>>
 	that corresponds to the [=origin color's=] HSL hue
 	after its conversion to sRGB,
-	normalized to a [0deg, 360deg) range
+	normalized to a [0, 360] range
 * <dfn value for="hsl()">s</dfn> and <dfn value for="hsl()">l</dfn>
 	are <<percentage>>s that correspond to the [=origin color's=] 
 	HSL saturation and lightness,
@@ -1044,7 +1066,7 @@ the allowed [=channel keywords=] are:
 * <dfn value for="hwb()">h</dfn> is an <<angle>>
 	that corresponds to the [=origin color's=] HWB hue
 	after its conversion to sRGB,
-	normalized to a [0deg, 360deg) range
+	normalized to a [0, 360] range
 * <dfn value for="hwb()">w</dfn> and <dfn value for="hwb()">b</dfn>
 	are <<percentage>>s that correspond to the [=origin color's=] HWB whiteness and blackness
 	after its conversion to sRGB
@@ -1141,7 +1163,7 @@ the allowed [=channel keywords=] are:
 	that corresponds to the [=origin color's=] LCH chroma
 * <dfn value for="lch()">h</dfn> is an <<angle>>
 	that corresponds to the [=origin color's=] LCH hue,
-	normalized to a [0deg, 360deg) range.
+	normalized to a [0, 360] range.
 * <dfn value for="lch()">alpha</dfn> is a <<number>> that corresponds to the [=origin color's=] alpha transparency
 
 
@@ -1154,7 +1176,7 @@ the allowed [=channel keywords=] are:
 	This adds 180 degrees to the hue angle, giving the complementary color.
 	<pre>
 		--accent: <span class="swatch" style="--color: lightseagreen"></span> lightseagreen;
-		--complement:  <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%)"></span> lch(from var(--accent) l c calc(h + 180deg));
+		--complement:  <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%)"></span> lch(from var(--accent) l c calc(h + 180));
 	</pre>
 	lightseagreen is lch(65.4937 39.4484 190.1013), so --complement is <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%)"></span> lch(65.4937 39.4484 370.1013)
 </div>
@@ -1246,7 +1268,7 @@ However, unlike HSL, manipulations are not guaranteed to be in-gamut.
 	we see that, due to the hue rotate in HSL,
 	Lightness shot up from 60% to 89%,
 	the Chroma has dropped from 90 to 49,
-	and the Hue actually changed by 141 degrees not 120.
+	and the Hue actually changed by 141 degrees, not 120.
 </div>
 
 <h3 id="relative-Oklch">Relative Oklch Colors</h3>
@@ -1271,7 +1293,7 @@ the allowed [=channel keywords=] are:
 	that corresponds to the [=origin color's=] Oklch chroma
 * <dfn value for="oklch()">h</dfn> is an <<angle>>
 	that corresponds to the [=origin color's=] Oklch hue,
-	normalized to a [0deg, 360deg) range.
+	normalized to a [0, 360] range.
 * <dfn value for="oklch()">alpha</dfn> is a <<number>> that corresponds to the [=origin color's=] alpha transparency
 
 	Because Oklch is both perceptually uniform and chroma-preserving,