[css-color-4] Add FOGRA55 7-color example

Author: svgeesus

css-color-4/Overview.bs

@@ -212,8 +212,8 @@ For example, to specify lime green:
 
 	<div class="example">
 		<pre class="lang-css">
-		em { color: lime; }            /* color keyword     */
-		em { color: rgb(0 255 0); }    /* RGB range 0-255   */
+		em { color: lime; }   /* color keyword  */
+		em { color: rgb(0 255 0); } /* RGB range 0-255   */
 		em { color: rgb(0% 100% 0%); } /* RGB range 0%-100% */
 		</pre>
 	</div>
@@ -223,14 +223,14 @@ For example, to specify lime green:
 		<dd>The <<color>> type is defined in a later section.
 	</dl>
 
-    <p class="note">
-    Note: In general, this property, including its alpha component, has
-    no effect on "color glyphs", such as emoji in some fonts, which are
-    colored by a built-in palette. Some colored fonts are able to refer
-    to the foreground color, such as palette entry ''0xFFFF'' in COLR
-    table of OpenType, and ''context-fill'' value in SVG-in-OpenType. In
-    that case, the foreground color is set by this property, identical
-    to how ''<color>/currentcolor'' value works.
+ <p class="note">
+ Note: In general, this property, including its alpha component, has
+ no effect on "color glyphs", such as emoji in some fonts, which are
+ colored by a built-in palette. Some colored fonts are able to refer
+ to the foreground color, such as palette entry ''0xFFFF'' in COLR
+ table of OpenType, and ''context-fill'' value in SVG-in-OpenType. In
+ that case, the foreground color is set by this property, identical
+ to how ''<color>/currentcolor'' value works.
 
 <h2 id='color-type'>
 Representing Colors: the <<color>> type</h2>
@@ -256,10 +256,10 @@ Representing Colors: the <<color>> type</h2>
 
 	<pre class='prod'>
 	&lt;color> = <<hex-color>> | <<named-color>> | currentcolor | transparent
-	          <<rgb()>> | <<rgba()>> | <<hsl()>> | <<hsla()>> | <<hwb()>> |
-	          <<lab()>> | <<lch()>> |
-	          <<color()>> | <<device-cmyk()>> |
-	          <<system-color>>
+	    <<rgb()>> | <<rgba()>> | <<hsl()>> | <<hsla()>> | <<hwb()>> |
+	    <<lab()>> | <<lch()>> |
+	    <<color()>> | <<device-cmyk()>> |
+	    <<system-color>>
 	</pre>
 
 	The <dfn export>color-functions</dfn> are <<rgb()>>, <<rgba()>>,
@@ -412,7 +412,7 @@ The RGB functions: ''rgb()'' and ''rgba()''</h3>
 
 	<pre class='prod'>
 	<dfn>rgb()</dfn> = rgb( <<percentage>>{3} [ / <<alpha-value>> ]? ) |
-	        rgb( <<number>>{3} [ / <<alpha-value>> ]? )
+	  rgb( <<number>>{3} [ / <<alpha-value>> ]? )
 	<dfn>&lt;alpha-value></dfn> = <<number>> | <<percentage>>
 	</pre>
 
@@ -447,7 +447,7 @@ The RGB functions: ''rgb()'' and ''rgba()''</h3>
 
 	<pre class='prod'>
 	rgb() = rgb( <<percentage>>#{3} , <<alpha-value>>? ) |
-	        rgb( <<number>>#{3} , <<alpha-value>>? )
+	  rgb( <<number>>#{3} , <<alpha-value>>? )
 	</pre>
 
 	Also for legacy reasons,
@@ -2712,6 +2712,54 @@ Array(3) [ 0.16582655785857967, 0.6147848214649991, 0.3532666045888559 ]
 	-->
 </div>
 
+Colors are not restricted to four inks (CMYK). For example, wide-gamut 7 Color ink sets can be used.
+
+<div class="example">This example uses the beta FOGRA55 dataset for KCMYOGV seven-color printing.
+	Four of the inks - black, cyan, magenta, and yellow - are the same as,
+	and give the same results as, the FOGRA51 set.
+	The other three inks are:
+	<ul><li>Pantone Orange 021C</li>
+		<li>Pantone Green C</li>
+		<li>Pantone Violet C</li>
+	</ul>
+
+	The measurement condition is M1,
+	which means that optical brighteners in the paper are accounted for
+	and the spectrophotometer has no UV-cut filter.
+
+	<!-- see file Macbeth-7color.txt --->
+
+	<pre>
+		@color-profile --fogra55beta {
+			src: url('https://example.org/2020_13.003_FOGRA55beta_CL_Profile.icc');
+		}
+		.dark_skin {
+			background-color: <span class="swatch" style="--color: rgb(45.8702% 32.0071% 26.3813%)"></span>
+			color(--fogra55beta 0.183596 0.464444 0.461729 0.612490 0.156903 0.000000 0.000000);
+		}
+		.light_skin {
+			background-color: <span class="swatch" style="--color: rgb(78.0170% 58.1957% 50.7737%)"></span>
+			color(--fogra55beta 0.070804 0.334971 0.321802 0.215606 0.103107 0.000000 0.000000);
+		}
+		.blue_sky {
+			background-color: <span class="swatch" style="--color: rgb(35.8614% 48.0665% 61.6556%)"></span>
+			color(--fogra55beta 0.572088 0.229346 0.081708 0.282044 0.000000 0.000000 0.168260);
+		}
+		.foliage {
+			background-color: <span class="swatch" style="--color: rgb(34.9582% 42.3446% 25.4209%)"></span>
+			color(--fogra55beta 0.314566 0.145687 0.661941 0.582879 0.000000 0.234362 0.000000);
+		}
+		.blue_flower {
+			background-color: <span class="swatch" style="--color: rgb(51.2952% 50.4131% 68.9186%)"></span>
+			color(--fogra55beta 0.375515 0.259934 0.034849 0.107161 0.000000 0.000000 0.308200);
+		}
+		.bluish_green {
+			background-color: <span class="swatch" style="--color: rgb(36.8792% 74.3685% 67.4749%)"></span>
+			color(--fogra55beta 0.397575 0.010047 0.223682 0.031140 0.000000 0.317066 0.000000);
+		}
+		</pre>
+</div>
+
 <h2 id="working-color-space">
 Working Color Space</h2>
 
@@ -2831,7 +2879,7 @@ Converting Between Uncalibrated CMYK and RGB-Based Colors</h3>
 	Otherwise:
 
 	<ul class="lang-javascript">
-		<li><code>red   = 1 - min(1, cyan    * (1 - black) + black)</code>
+		<li><code>red   = 1 - min(1, cyan * (1 - black) + black)</code>
 		<li><code>green = 1 - min(1, magenta * (1 - black) + black)</code>
 		<li><code>blue  = 1 - min(1, yellow  * (1 - black) + black)</code>
 		<li>Alpha is same as for input color.
@@ -2841,7 +2889,7 @@ Converting Between Uncalibrated CMYK and RGB-Based Colors</h3>
 
 	<ul class="lang-javascript">
 		<li><code>black   = 1 - max(red, green, blue)</code>
-		<li><code>cyan    = (1 - red - black)   / (1 - black), or 0 if black is 1</code>
+		<li><code>cyan = (1 - red - black)   / (1 - black), or 0 if black is 1</code>
 		<li><code>magenta = (1 - green - black) / (1 - black), or 0 if black is 1</code>
 		<li><code>yellow  = (1 - blue - black)  / (1 - black), or 0 if black is 1</code>
 		<li>alpha is the same as the input color
@@ -2921,7 +2969,7 @@ Default Style Rules</h2>
 	}
 
 	/* traditional desktop user agent colors for hyperlinks */
-	:link    { color: blue; }
+	:link { color: blue; }
 	:visited { color: purple; }
 	</pre>