[css-color-5] Defined serialization of origin colors, then used that definition for nested colors to use the most precision saving form. See w3c#10328

Author: svgeesus

css-color-5/Overview.bs

@@ -3014,17 +3014,132 @@ is the same as that specified in
 	"color(srgb 0.8816 0.7545 0.4988)".
 </div>
 
+<h3 id="serial-origin-color">
+	Serializing Origin Colors
+</h3>
+
+The serialization of a the declared value of a color 
+used as the [=origin color=] inside of another color function 
+as components of a declared value is:
+
+1. For ''rgb()'', ''rgba()'', ''hsl()'', ''hsla()'' 
+
+- the string identifying the canonical color function, 
+	"rgb" for ''rgb()'' and ''rgba()'', 
+	"hsl" for ''hsl()'' and ''hsla()'', 
+	in all-lowercase, 
+	followed by "(", 
+	followed by a space separated list of the non-alpha components as specified 
+	(numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form) 
+	with no clamping applied, 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color components) 
+	if an alpha component is present, 
+	followed by ")". 
+
+NOTE: the same serialization is used regardless of whether the modern or legacy syntax was used.
+
+2. For ''hwb()'', ''lab()'', ''lch()'', ''oklab()'', ''oklch()''
+
+- the string identifying the color function in all-lowercase, 
+	followed by "(", 
+	followed by a space separated list of the non-alpha components as specified 
+	(numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form) with no clamping applied, 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color components) 
+	if an alpha component is present, 
+	followed by ")".
+
+3. For ''color()''
+
+- the string "color(" 
+	followed by the canonical colorspace 
+	("xyz-d65" for "xyz") in all-lowercase 
+	followed by a space, 
+	followed by a space separated list of the non-alpha components as specified 
+	(numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form) 
+	with no clamping applied, 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color components) 
+	if an alpha component is present, 
+	followed by ")".
+
+
+
 <h3 id="serial-relative-color">
 	Serializing Relative Color Functions
 </h3>
 
-The serialization of the declared value of a relative color function
-is a string identifying the color function in all-lowercase,
-followed by "(from ",
-followed by the serialization of the declared value of the origin color,
-followed by a single space,
-followed by a singly-space-separated list of the arguments to the color function,
-followed by ")".
+The serialization of the declared value of a relative color is:
+
+1. For ''rgb()'', ''rgba()'', ''hsl()'', ''hsla()''
+
+- the string identifying the canonical color function, 
+	"rgb" for ''rgb()'' and ''rgba()'', 
+	"hsl" for ''hsl()'' and ''hsla()'', 
+	in all-lowercase, 
+	followed by "(from ", 
+	followed by the <a href="#serial-origin-color">serialization of the origin color</a> 
+	using the rules for serializing nested origin colors, 
+	followed by a single space, 
+	followed by a space separated list of the non-alpha channel arguments as specified 
+	(identifiers serializing as identifiers, 
+	numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form), 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color channel arguments) 
+	if an alpha component is present, 
+	followed by ")".
+
+2. For ''hwb()'', ''lab()'', ''lch()'', ''oklab()'', ''oklch()''
+
+- the string identifying the color function in all-lowercase, 
+	followed by "(from ", 
+	followed by the <a href="#serial-origin-color">serialization of the origin color</a> 
+	using the rules for serializing nested origin colors, 
+	followed by a single space, 
+	followed by a space separated list of the non-alpha channel arguments as specified 
+	(identifiers serializing as identifiers, 
+	numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form), 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color channel arguments) 
+	if an alpha component is present, 
+	followed by ")".
+
+3. For ''color()''
+
+- the string "color(from ", 
+	followed by the <a href="#serial-origin-color">serialization of the origin color</a> 
+	using the rules for serializing nested origin colors, 
+	followed by a single space, 
+	followed by the canonical colorspace ("xyz-d65" for "xyz") 
+	in all-lowercase, 
+	followed by a single space, 
+	followed by space separated list of the non-alpha channel arguments as specified 
+	(identifiers serializing as identifiers, 
+	numbers serializing as numbers, 
+	percentages serializing as percentages, 
+	angles serializing as canonicalized angles in degrees, 
+	calc() serializing in its simplified form), 
+	followed by " / " and the alpha component as specified 
+	(using the same rules as the color channel arguments) 
+	if an alpha component is present, 
+	followed by ")".
+
 
 <div class="example" id="ex-serial-rcs-specified-simple">
 	For example, the result of serializing the declared value