[css-color-4] more clarity on computed values

Author: svgeesus

css-color-4/Overview.bs

@@ -422,17 +422,43 @@ Resolving <<color>> Values</h3>
 	: [=named colors=]
 	::
 		The computed and used value
-		is the corresponding sRGB color
+		is the corresponding sRGB color,
+		(for compatibility, in <<number>> form, not <<percentage>>)
 		paired with the specified alpha channel
 		(defaulting to opaque if unspecified).
 
+		Note: contrary to CSS Color 3,
+		the parameters of the ''rgb()'' function
+		are of type <<number>> not <<integer>>.
+		For compatibility, numbers are still
+		in the range [0-255];
+		higher precision is indicated with any fractional part.
+
+		<div class="example">
+			<p>
+				For example,</p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(57.28% 42.14% 51.46%)"></span> rgb(146.064 107.457 131.223)</pre>
+			<p>is now valid, and equal to</p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(57.28% 42.14% 51.46%)"></span> rgb(57.28% 42.14% 51.46%)</pre>
+
+			<!-- required precision?
+				sRGB should accomodate at least 10 bits/component -->
+		</div>
+
 	: ''lab()'' and ''lch()'' values
 	::
 		The computed and used value
 		is the corresponding CIE Lab color
 		paired with the specified alpha channel
 		(defaulting to opaque if unspecified).
 
+		<div class="example">
+			<p>For example, </p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(77.61% 36.34% 2.45%)"></span> lch(52.2345% 72.2 56.2 / 1)</pre>
+			<p>would serialize as the string </p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(77.61% 36.34% 2.45%)"></span>  "lab(52.2345% 40.1645 59.9971)"</pre>
+		</div>
+
 
 	: ''color()'' values
 	::
@@ -441,6 +467,13 @@ Resolving <<color>> Values</h3>
 		paired with the specified alpha channel
 		(defaulting to opaque if unspecified).
 
+		<div class="example">
+			<p>For example,</p>
+			<pre class="lang-css"><span class="swatch" style="--color: goldenrod"></span> color(display-p3 0.823 0.6554 0.2537)</pre>
+			<p>would serialize as the string</p>
+			<pre class="lang-css"><span class="swatch" style="--color: goldenrod"></span> "color(display-p3 0.823 0.6554 0.2537)"</pre>
+		</div>
+
 	: ''device-cmyk()'' values
 	::
 		The computed and used value