[css-color-hdr][editorial] Added an example, needs calculated result added once that section is there.

Author: svgeesus

css-color-hdr-1/Overview.bs

@@ -463,7 +463,8 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 	It does this by specifying two <<color>> values, 
 	each with an associated level of HDR headroom.
 	The actual value is computed by interpolating between these two colors,
-	based on the current amount of HDR headroom.
+	based on the current amount of HDR headroom,
+	as described in [#headroom-interpolation].
 
 	<div class="informative">
 	This is a similar mechanism to gain maps, 
@@ -480,6 +481,31 @@ Mixing Dynamic Range Limits: the ''dynamic-range-limit-mix()'' function {#dynami
 		<dfn>hdr-color()</dfn> = color-hdr([ <<color>> && <<number [1,infinity]>>? ]#{2})
 	</pre>
 
+	<div class="example" id="ex-hdr-color-simple">
+	Consider the color:
+
+	<pre class="lang-css">
+		color-hdr(
+			color(rec2100-linear 0.9 1.0 0.8) 0,
+			color(rec2100-linear 1.8 2.0 1.5) 2);
+	</pre>
+
+	On a display with [=HDR headroom=] &lt;= 0, 
+	this color will display as 
+	
+	<pre class="lang-css">color(rec2100-linear 0.9 1.0 0.8)</pre>
+
+	On a display with [=HDR headroom=] &gt;= 2, 
+	this color will display as 
+	
+	<pre class="lang-css">color(rec2100-linear 1.8 2.0 1.5) 2);</pre>
+
+	For displays whose headroom lies between 0 and 2, the color is
+	interpolated. For example, on a display with HDR headroom 1:
+
+	@@ Add to the example with the calculated result at headroom 1 @@
+
+	</div>
 
 <h2 id="color-function">
 	Specifying Predefined and Custom Color Spaces: the ''color()'' Function