[css-color-4][editorial] All figures have meaningful IDs

Author: svgeesus

css-color-4/Overview.bs

@@ -329,7 +329,7 @@ Value Definitions</h3>
 	Three colors form a plane, and the resulting colors
 	will lie in the triangle they form on the diagram.
 
-	<figure>
+	<figure id="fig-ucs-display-p3">
 		<img src="images/UCS-display-p3.svg"
 		width=500 height=464
 			alt="uv chromaticity diagram of the display-p3 color space">
@@ -2653,7 +2653,7 @@ HWB Colors: ''hwb()'' function</h2>
 
 	HWB colors resolve to sRGB.
 
-	<figure>
+	<figure id="fig-chrome-hwb-picker">
 		<img src="images/color-picker.png" width="545" height="309" alt="">
 		<figcaption>
 			This is a screenshot of Chrome's color picker,
@@ -3126,7 +3126,7 @@ Device-independent Colors: CIE Lab and LCH, Oklab and Oklch</h2>
 	and H is the angle from the positive a axis,
 	towards the positive b axis.
 
-	<figure>
+	<figure id="fig-cie-lch-hues">
 		<img src="images/CH-plane-wheel.svg" width="500" height="500">
 		<figcaption>
 			This figure shows the L=50 plane of the CIE Lab color space.
@@ -3885,7 +3885,7 @@ The Predefined sRGB Color Space: the ''sRGB'' keyword</h3>
 			c is the gamma-encoded red, green or blue component.
 			cl is the corresponding linear-light component.
 
-			<figure>
+			<figure id="fig-srgb-lch">
 				<img src="images/sRGB-prim-sec.svg" width=540 height=520
 				alt="diagram of sRGB primaries and secondaries in LCH">
 				<figcaption>Visualization of the sRGB color space in LCH. The primaries and secondaries are shown.</figcaption>
@@ -4005,7 +4005,7 @@ The Predefined Display P3 Color Space: the ''display-p3'' keyword</h3>
 				</tr>
 			</table>
 
-			<figure>
+			<figure id="fig-displayp3-lch">
 				<img src="images/P3-prim-sec.svg" width=580 height=560
 				alt="diagram of P3 primaries and secondaries in LCH">
 				<figcaption>Visualization of the P3 color space in LCH.
@@ -4065,7 +4065,7 @@ The Predefined A98 RGB Color Space: the ''a98-rgb'' keyword</h3>
 				</tr>
 			</table>
 
-			<figure>
+			<figure id="fig-a89-lch">
 				<img src="images/a98-prim-sec.svg" width=640 height=560
 				alt="diagram of a98 primaries and secondaries in LCH">
 				<figcaption>Visualization of the A98 color space in LCH.
@@ -4160,7 +4160,7 @@ The Predefined ProPhoto RGB Color Space: the ''prophoto-rgb'' keyword</h3>
 				c is the gamma-encoded red, green or blue component.
 				cl is the corresponding linear-light component.
 
-				<figure>
+				<figure id="fig-prophoto-lch">
 					<img src="images/prophoto-prim-sec.svg" width=780 height=760
 					alt="diagram of prophoto primaries and secondaries in LCH">
 					<figcaption>Visualization of the prophoto-rgb color space in LCH. The primaries and secondaries are shown
@@ -4244,7 +4244,7 @@ The Predefined ITU-R BT.2020-2 Color Space: the ''rec2020'' keyword</h3>
 			c is the gamma-encoded red, green or blue component.
 			cl is the corresponding linear-light component.
 
-			<figure>
+			<figure id="fig-rec2020-lch">
 				<img src="images/2020-prim-sec.svg" width=670 height=580
 				alt="diagram of rec2020 primaries and secondaries in LCH">
 				<figcaption>Visualization of the rec2020 color space in LCH. The primaries and secondaries are shown
@@ -5343,7 +5343,7 @@ Excessive Chroma Reduction</h4>
 	<div class="example" id="CIELCH-p3-yellow-noclip">
 		In this example, Display P3 primary yellow (<code>color(display-p3 1 1 0</code>)
 		has the chroma progressively reduced in CIE LCH color space.
-		<figure>
+		<figure id="fig-cielch-p3-yellow-noclip">
 			<img src="./images/lab-yellow-LCH-fade.svg" alt="" width="700">
 			<figcaption>
 				In the upper part of this diagram,
@@ -5363,7 +5363,7 @@ Excessive Chroma Reduction</h4>
 	<div class="example" id="Oklch-p3-yellow-noclip">
 		In this example, Display P3 primary yellow (<code>color(display-p3 1 1 0</code>)
 		has the chroma progressively reduced, but this time in Oklch color space.
-		<figure>
+		<figure id="fig-oklch=pr=yellow-noclip">
 			<img src="./images/p3-yellow-oklab.svg" alt="" width="700">
 			<figcaption>
 				In the upper part of this diagram,
@@ -5400,7 +5400,7 @@ Chroma Reduction with Local Clipping</h4>
 		In this example, Display P3 primary yellow (<code>color(display-p3 1 1 0</code>)
 		has the chroma progressively reduced in CIE LCH color space,
 		with the local clip modification.
-		<figure>
+		<figure id="fig-cielch-p3-yellow-clip">
 			<img src="./images/lab-yellow-LCH-clip-fade.svg" alt="" width="700">
 			<figcaption>
 				In the upper part of this diagram,
@@ -5421,7 +5421,7 @@ Chroma Reduction with Local Clipping</h4>
 		In this example, Display P3 primary yellow (<code>color(display-p3 1 1 0</code>)
 		has the chroma progressively reduced, but this time in Oklch color space
 		and with the local clip modification.
-		<figure>
+		<figure id="fig-oklch-p3-yellow-clip">
 			<img src="./images/p3-yellow-oklab-clip.svg" alt="" width="700">
 			<figcaption>
 				In the upper part of this diagram,
@@ -5448,7 +5448,7 @@ Deviations from Perceptual Uniformity: Hue Curvature</h4>
 	for colors in the hue range
 	270° to 330°.
 
-	<figure>
+	<figure id="fig-cielch-blue-curvature">
 		<img src="./images/CIELCH-blue-slice.png" alt="">
 		<figcaption>
 			A constant-hue slice of CIE LCH color space,
@@ -5467,7 +5467,7 @@ Deviations from Perceptual Uniformity: Hue Curvature</h4>
 	avoids this issue
 	at all hue angles.
 
-	<figure>
+	<figure id="fig-oklch-blue-linearity">
 		<img src="./images/OKLCH-blue-slice.png" alt="">
 		<figcaption>
 			A constant-hue slice of Oklch color space,