[css-color-4] more examples of specified value

Author: svgeesus

css-color-4/Overview.bs

@@ -425,7 +425,8 @@ Resolving <<color>> Values</h3>
 		is the corresponding sRGB color,
 		(for compatibility, in <<number>> form, not <<percentage>>)
 		paired with the specified alpha channel
-		(defaulting to opaque if unspecified).
+		(as a <<number>>, not a <<percentage>>;
+		and defaulting to opaque if unspecified).
 
 		Note: contrary to CSS Color 3,
 		the parameters of the ''rgb()'' function
@@ -434,12 +435,22 @@ Resolving <<color>> Values</h3>
 		in the range [0-255];
 		higher precision is indicated with any fractional part.
 
+		Trailing zeroes in any component values must be suppressed;
+		if the fractional part consists of all zeroes,
+		the decimal point must also be suppressed.
+		This means that sRGB colors specified with integer component values
+		will serialize with backwards-compatible integer values.
+
 		<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>
+			<p>while ''goldenrod'' will serialize as</p>
+			<pre class="lang-css"><span class="swatch" style="--color: goldenrod"></span> "rgb(218 165 32)"</pre>
+			<p>and not</p>
+			<pre class="lang-css"><span class="swatch" style="--color: goldenrod"></span> "rgb(218.000 165.000 32.000)"</pre>
 
 			<!-- required precision?
 				sRGB should accomodate at least 10 bits/component -->
@@ -450,7 +461,8 @@ Resolving <<color>> Values</h3>
 		The computed and used value
 		is the corresponding CIE Lab color
 		paired with the specified alpha channel
-		(defaulting to opaque if unspecified).
+		(as a <<number>>, not a <<percentage>>;
+		and defaulting to opaque if unspecified).
 
 		<div class="example">
 			<p>For example, </p>
@@ -465,7 +477,8 @@ Resolving <<color>> Values</h3>
 		The computed and used value
 		is the color in the specified [=colorspace=],
 		paired with the specified alpha channel
-		(defaulting to opaque if unspecified).
+		(as a <<number>>, not a <<percentage>>;
+		and defaulting to opaque if unspecified).
 
 		<div class="example">
 			<p>For example,</p>
@@ -478,8 +491,10 @@ Resolving <<color>> Values</h3>
 	::
 		The computed and used value
 		is the specified device-specific CMYK color,
+		(with components as <<number>>, not <<percentage>>)
 		paired with the specified alpha channel
-		(defaulting to opaque if unspecified).
+		(as a <<number>>, not a <<percentage>>;
+		and defaulting to opaque if unspecified).
 
 		The [=actual value=] can vary based on the operation;
 		for rendering to a CMYK-capable device,
@@ -489,6 +504,21 @@ Resolving <<color>> Values</h3>
 		it must be converted
 		as specified in [[#device-cmyk]].
 
+		<div class="example">
+			<p>For example, </p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(93.124%, 44.098%, 57.491%)"></span> device-cmyk(0% 70% 20% 0%)</pre>
+			<p>
+				has the specified and actual value
+			</p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(93.124%, 44.098%, 57.491%)"></span> device-cmyk(0 0.7 0.2 0)</pre>
+			<p>
+				and will, if the implementation understands ICC profiles
+				and has the recommeneded profile installed,
+				have the used value
+			</p>
+			<pre class="lang-css"><span class="swatch" style="--color: rgb(93.124%, 44.098%, 57.491%)"></span> lab(63.673% 51.577 5.811)</pre>
+		</div>
+
 	: [=system colors=]
 	::
 		Each <<system-color>> keyword computes to itself.