[css-color-4] finish P3 diagram

Chris Lilley · Chris Lilley · commit 7d05105e26ec · 2020-03-04T17:54:48.000-05:00
diff --git a/css-color-4/Overview.bs b/css-color-4/Overview.bs
@@ -2241,9 +2241,11 @@ Predefined colorspaces: ''srgb'', ''display-p3'', ''a98-rgb'', ''prophoto-rgb''
 				<img src="images/P3-prim-sec.svg" style="width: 60vmin"
 				alt="diagram of P3 primaries and secondaries in LCH">
 				<figcaption>Visualization of the P3 colorspace in LCH.
-					The primaries and secondaries are shown (but not in the correct colors).
+					The primaries and secondaries are shown
+					(but in sRGB, not in the correct colors).
 					For comparison, the sRGB primaries and secondaries
 					are also shown, as dashed circles.
+					P3 primaries have higher Chroma.
 				</figcaption>
 			</figure>
 
diff --git a/css-color-4/images/P3-prim-sec.svg b/css-color-4/images/P3-prim-sec.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-140 -140 280 280" overflow="visible">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-140 -140 290 280" overflow="visible">
 <desc>Show a top-down view of the CIE Lab colorspace.
       The display-p3 primaries and secondaries are shown,
       with an annotation indicating the L value.
@@ -74,11 +74,8 @@
   <text x="-134" y="-85.9">L: 86.6146%<tspan x="-134" dy="10">C: 148.1135<tspan x="-134" dy="10">H: 136.0089</tspan></tspan></text>
   <text x="75" y="97">L: 29.5676%<tspan x="75" dy="10">C: 131.2070<tspan x="75" dy="10">H: 301.3685</tspan></tspan></text>
   <text x="-116" y="12">L: 89.8048%<tspan x="-116" dy="10">C: 70.7166<tspan x="-116" dy="10">H: 194.4753</tspan></tspan></text>
+  <text x="105" y="35">L: 62.3180%<tspan x="105" dy="10">C: 122.38016<tspan x="105" dy="10">H: 61.4314</tspan></tspan></text>
+  <text x="-63" y="-120">L: 97.3656%<tspan x="-63" dy="10">C: 23.2719<tspan x="-63" dy="10">H: 98.1357</tspan></tspan></text>
 
- <!--
-
-  <text x="99" y="55">L: 60.1697%<tspan x="99" dy="10">C: 111.4077<tspan x="99" dy="10">H: 327.1094</tspan></tspan></text>
-  <text x="-60" y="-98">L: 97.6071%<tspan x="-60" dy="10">C: 94.7078<tspan x="-60" dy="10">H: 99.5746</tspan></tspan></text>
-  -->
 </g>
 </svg>
