[css-color-5][editorial] All figures have IDs

Author: svgeesus

css-color-5/Overview.bs

@@ -63,7 +63,7 @@ Introduction {#intro}
 	this becomes even more useful to not need to manually set color,
 	and to instead have a single source from which schemes are calculated.
 
-	<figure>
+	<figure id="fig-chloropleth">
 		<p><img src="images/LC-picker-scale.png" alt="LC color picker" style="width: 40vmin"><br/>
 			<img src="images/LC-picker-map2.png" alt="chloropleth map of the US" style="width: 48vmin"></p>
 		<figcaption>Above, a color picker operating in CIE LCH space.
@@ -235,7 +235,7 @@ and a percentage of 100% returns the same color converted to the specified color
 	The mixing is done in ''lch()'' color space.
 	Here is a top-down view, looking along the neutral L axis:
 
-	<figure>
+	<figure id="fig-LCH-peru-goldenrod">
 		<img src="images/CH-mixing.svg"  width=480 height=480>
 		<figcaption>Mixtures of peru and palegoldenrod.
 			Peru has a hue angle, measured from the positive a axis,
@@ -271,7 +271,7 @@ and a percentage of 100% returns the same color converted to the specified color
 
 	<pre class="lang-css">color-mix(in lch, teal 65%, olive);</pre>
 
-	<figure>
+	<figure id="fig-LCH-teal-olive">
 		<img src="images/CH-mixing3.svg"  width=500 height=500>
 		<figcaption>Mixtures of teal and olive.
 			Teal has a hue angle, measured from the positive a axis,
@@ -542,7 +542,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 
 	<pre class="lang-css">color-mix(lch(52% 58.1 22.7) hue 75.23%, lch(56% 49.1 257.1));</pre>
 
-	<figure>
+	<figure id="fig-LCH-red-skyblue">
 		<img src="images/CH-mixing2.svg" style="width: 50vmin">
 		<figcaption>Mixtures of a red and a sky blue.
 			The red has a hue angle, measured from the positive a axis,
@@ -573,7 +573,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 
 	<pre class="lang-css">color-mix(lch(52% 58.1 22.7) hue longer 75.23%, lch(56% 49.1 257.1) );</pre>
 
-	<figure>
+	<figure id="fig-LCH-red-skyblue-2">
 		<img src="images/CH-mixing2b.svg" style="width: 50vmin">
 		<figcaption>Mixtures of a red and a sky blue.
 			The red has a hue angle, measured from the positive a axis,
@@ -695,7 +695,7 @@ which is rgb(52.446% 45.821% 62.953%)
 
 	<pre class="lang-css">color-mix(lab rgb(82.02% 30.21% 35.02%) a 38% b 38%, rgb(5.64% 55.94% 85.31%));</pre>
 
-	<figure>
+	<figure id="fig-Lab-red-skyblue">
 		<img src="images/CH-mixing2c.svg" style="width: 50vmin">
 		<figcaption>Mixtures of a red and a sky blue.
 			The red has a hue angle, measured from the positive a axis,
@@ -1147,7 +1147,7 @@ However, unlike HSL, manipulations are not guaranteed to be in-gamut.
 	The closest color inside the sRGB gamut would be <span class="swatch" style="--color: rgb(0% 64.2% 66.3%)"></span> lch(60.71% 37.56 201.1)
 	which is <span class="swatch" style="--color: rgb(0% 64.2% 66.3%)"></span> rgb(0% 64.2% 66.3%). The difference in chroma (37.5, instead of 90) is huge.
 
-	<figure>
+	<figure id="fig-LCH-rotation-oog">
 		<img src="images/LCH-rotation-oog.svg"
 			width="540" height="520"
 			alt="Diagram of CH plane showing relative color manipulation">
@@ -1778,7 +1778,7 @@ or any other color or monochrome output device which has been characterized.
 	(anti-aliasing, compositing, using the color in a gradient, etc)
 	can proceed as normal.
 
-	<figure id="fogra51-roundtrip">
+	<figure id="fig-fogra51-roundtrip">
 		<!-- See file Macbeth.txt in the workings directory for details. -->
 		<img src="images/macbeth-roundtrip.svg" width=670 height=450>
 		<figcaption>
@@ -2106,7 +2106,7 @@ or any other color or monochrome output device which has been characterized.
 		the dot gain,
 		the colorimetry of the RGB space, and so on.
 
-		<figure>
+		<figure id="fig-naive-cmyk">
 			<img src="images/macbeth-naive.svg" width=670 height=450>
 			<figcaption>
 				<p>A color checker, used for ensuring color fidelity