[css-color-5] Start on serializing specified RCS values, w3c#9464

Author: svgeesus

css-color-5/Overview.bs

@@ -2837,6 +2837,24 @@ is the same as that specified in
 	Serializing Relative Color Functions
 </h3>
 
+The serialization of the specified 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 specified 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 ")".
+
+<div class="example" id="ex-serial-rcs-specified-simple">
+	For example, the result of serializing the specified value
+
+	<pre class="lang-css">OkLcH(from peru  l    c  h)</pre>
+
+	is the string "oklch(from peru l c h)"
+</div>
+
+<!-- need a more complex example, and one with calc too -->
+
 The serialization of the result of a relative color function
 is the resolved value.
 
@@ -2848,9 +2866,9 @@ The <em>minimum</em> precision for round-tripping
 is the same as that specified in
 [[css-color-4#serializing-color-function-values]].
 
-<div class="example">
+<div class="example" id="ex-serial-rcs-computed">
 	The result of serializing
-	<pre>lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180)) </pre>
+	<pre  class="lang-css">lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180)) </pre>
 	is the string
 	<span class="swatch" style="--color: rgb(3.12% 50.352% 68.894%)"></span>
 	"lch(49.80224 37.80819 243.6803)"