[css-color-5] Add missing color swatches, #7692

Author: svgeesus

css-color-5/Overview.bs

@@ -1928,27 +1928,25 @@ or any other color or monochrome output device which has been characterized.
 		<pre class="lang-css">
 			@media (color-gamut: srgb) {
 				.header {
-					background-color:  rgb(8.154% 60.9704% 37.184%);
+					background-color:  <span class="swatch" style="--color: rgb(8.154% 60.9704% 37.184%)"></span>&nbsp;rgb(8.154% 60.9704% 37.184%);
 					}
 			}
 			@media print, (color-gamut: p3){
 				.header {
-					background-color:  color(--fogra39 90% 0% 90% 0%);
+					background-color:  <span class="swatch oog" style="--color: rgb(0% 62.06% 34%)"></span>&nbsp;color(--fogra39 90% 0% 90% 0%);
 					}
 			}
 		</pre>
 
-		Note: This example does not use illustrative swatches, because most of the colors are outside of sRGB.
-
 		This CMYK color corresponds to lab(56.596645% -58.995875 28.072154)
 		or lch(56.596645% 65.33421077211648 154.5533771086801).
 		In sRGB this would be rgb(-60.568% 62.558% 32.390%) which,
 		as the large negative red component shows,
 		is out of gamut.
 
 		Reducing the chroma until the result is in gamut
-		gives lch(56.596645% 51 154.5533771086801)
-		which is rgb(8.154% 60.9704% 37.184%)
+		gives <span class="swatch" style="--color: rgb(8.154% 60.9704% 37.184%)"></span>&nbsp;lch(56.596645% 51 154.5533771086801)
+		which is <span class="swatch" style="--color: rgb(8.154% 60.9704% 37.184%)"></span>&nbsp;rgb(8.154% 60.9704% 37.184%)
 		and this has been manually specified as a fallback color.
 
 		For wide gamut screens, the color is inside the display-p3 gamut