[css-color-4] Gamut mapping small editorial fixes

Author: LeaVerou

css-color-4/Overview.bs

@@ -252,22 +252,22 @@ Value Definitions</h3>
 	<figure>
 		<img src="images/UCS-display-p3.svg"
 		width=500 height=464
-			alt="uv chromaticity diagram of the display-p3 colorspace">
+			alt="uv chromaticity diagram of the display-p3 color space">
 		<figcaption>A chromaticity diagram showing
-			(in solid colors) the ''display-p3'' colorspace
+			(in solid colors) the ''display-p3'' color space
 			and for comparison
-			(faded) the ''sRGB'' colorspace.
+			(faded) the ''sRGB'' color space.
 			The white point (D65) is also shown.
 		</figcaption>
 	</figure>
 
-	RGB colorspaces are additive,
+	RGB color spaces are additive,
 	and their gamut is defined
 	by the chromaticities of the red, green and blue primaries,
 	plus the chromaticity of the <dfn export>white point</dfn>
 	(the color formed by all three primaries at full intensity).
 
-	Most colorspaces use one of a few
+	Most color spaces use one of a few
 	daylight-simulating [=white points=],
 	which are named by the color temperature
 	of the corresponding black-body radiator.
@@ -3118,7 +3118,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
 
 	These deficiencies affect, for example,
 	creation of evenly spaced gradients,
-	gamut mapping from one colorspace to a smaller one,
+	gamut mapping from one color space to a smaller one,
 	and computation of the visual difference between two colors.
 
 	To compensate for this,
@@ -3162,7 +3162,7 @@ Device-independent Colors: CIE Lab and LCH, OKLab and OKLCH</h2>
 	and negative are the complementary blue/violet.
 
 	The illuminant is [=D65=], the same white point
-	as most RGB colorspaces.
+	as most RGB color spaces.
 
 	OKLCH has the same L axis as OKLab,
 	but uses polar coordinates C (chroma) and H (hue).
@@ -3646,7 +3646,7 @@ Predefined Color Spaces</h2>
 <h3 id="predefined-sRGB">Predefined sRGB space</h3>
 
 
-	The <dfn id='sRGB-space' export>sRGB</dfn> predefined colorspace
+	The <dfn id='sRGB-space' export>sRGB</dfn> predefined color space
 	defined below
 	is the same as is used for legacy sRGB colors,
 	such as ''rgb()''.
@@ -3715,7 +3715,7 @@ Predefined Color Spaces</h2>
 <h3 id="predefined-sRGB-linear">Predefined sRGB-linear space</h3>
 
 
-		The <dfn id='sRGB-linear-space' export>sRGB-linear</dfn> predefined colorspace
+		The <dfn id='sRGB-linear-space' export>sRGB-linear</dfn> predefined color space
 		is the same as ''srgb''
 		<em>except</em> that the transfer function
 		is linear-light (there is no gamma-encoding).
@@ -4162,7 +4162,7 @@ Converting Lab or OKLab to predefined RGB color spaces</h3>
 	Converting between predefined RGB color spaces
 </h3>
 
-	Conversion from one predefined RGB colorspace to another
+	Conversion from one predefined RGB color space to another
 	requires multiple steps,
 	one of which is only needed when the whitepoints differ.
 	To convert from <em>src</em> to <em>dest</em>:
@@ -4650,16 +4650,16 @@ Gamut Mapping
 
 <p><i>This section is non-normative</i></p>
 
-	When a color in an origin colorspace
-	is converted to another, destination colorspace
+	When a color in an origin color space
+	is converted to another, destination color space
 	which has a smaller gamut,
 	some colors will be outside the destination gamut.
 
 	For intermediate color calculations,
 	these out of gamut values are preserved.
 	However, if the destination is the display device
 	(a screen, or a printer)
-	then out of gamut values ust be converted to
+	then out of gamut values must be converted to
 	an in-gamut color.
 
 	Gamut mapping is the process of finding an in-gamut color
@@ -4668,21 +4668,21 @@ Gamut Mapping
 	The simplest and least acceptable method
 	is simply to clip the component values
 	to the displayable range.
-	This changes the proportions of (for an RGB display)
-	the three primary colors,
+	This changes the proportions of
+	the three primary colors (for an RGB display),
 	resulting in a hue shift.
 
-	A better method is to mapped colors
-	in a perceptually uniform colorspace,
+	A better method is to map colors
+	in a perceptually uniform color space,
 	by finding the closest in-gamut color
 	(so-called minimum ΔE or <dfn export>MINDE</dfn>).
 	Clearly, the sucess of this technique
 	depends on
-	the degree of uniformity of the gamut mapping colorspace
+	the degree of uniformity of the gamut mapping color space
 	and the predictive accuracy of the deltaE function used.
 
 	However, when doing gamut mapping
-	(and we are really talking about gamut reduction, here),
+	<!-- (and we are really talking about gamut reduction, here), -->
 	changes in Hue are <em>particularly</em> objectionable;
 	changes in Chroma are more tolerable,
 	and
@@ -4692,32 +4692,36 @@ Gamut Mapping
 	and thus gives suboptimal results.
 
 	To improve on MINDE algorithms,
-	colors are mapped in a perceptually uniform, <em>polar</em> colorspace
+	colors are mapped in a perceptually uniform, <em>polar</em> color space
 	by holding the hue constant,
 	and reducing the chroma until the color falls in gamut.
 
 <div class="example" id="ex-gamutmap-p3-yellow-to-srgb">
 	In this example, Display P3 primary yellow
+	(<code>color(display-p3 1 1 0)</code>)
 	is being mapped to an sRGB display.
-	The gamut mapping colorspace is OKLCH.
+	The gamut mapping color space is OKLCH.
 
-	<pre class="lang-css">
-	color(display-p3 1 1 0) is
-	color(srgb 1 1 -0.3463) which is
-	color(oklch 0.96476 <b>0.24503</b> 110.23).
-	</pre>
+	<pre class="lang-css">color(display-p3 1 1 0)</pre>
+	is
+	<pre class="lang-css">color(srgb 1 1 -0.3463)</pre>
+	which is
+	<pre class="lang-css">color(oklch 0.96476 <b>0.24503</b> 110.23)</pre>
 
 	By progressively reducing the chroma component
 	until the resulting color falls inside the sRGB gamut
 	(has no components negative, or greater than one)
 	a gamut mapped color is obtained.
 
 	<pre class="lang-css">
-	<span class="swatch" style="--color: rgb(99.116% 99.733% 0.001%)"></span>   color(oklch 0.96476 <b>0.21094</b> 110.23)	which is
+	<span class="swatch" style="--color: rgb(99.116% 99.733% 0.001%)"></span>   color(oklch 0.96476 <b>0.21094</b> 110.23)</pre>
+	which is
+	<pre class="lang-css">
 	<span class="swatch" style="--color: rgb(99.116% 99.733% 0.001%)"></span>   color(srgb 0.99116 0.99733 0.00001)
 	</pre>
 	<figure id="gamutmap-p3-yellow">
-		<figcaption>A constant-hue slice of OKLCH colorspace.
+		<img src="./images/slice-ok-110.23.svg" alt="">
+		<figcaption>A constant-hue slice of OKLCH color space.
 			The vertical axis represents lightness,
 			the horizontal axis is chroma.
 			The color to be mapped,
@@ -4729,7 +4733,6 @@ Gamut Mapping
 			The gamut boundary of sRGB
 			is shown in green.
 		</figcaption>
-		<img src="./images/slice-ok-110.23.svg" alt="">
 	</figure>
 </div>
 
@@ -4746,15 +4749,15 @@ Gamut Mapping
 	The line of constant lightness can skim just above the gamut boundary,
 	resulting in an excessively low chroma in those cases.
 
-	The choice of colorspace will affect the acceptability of the gamut mapped colors.
+	The choice of color space will affect the acceptability of the gamut mapped colors.
 
-	Note: Using the CIE LCH colorspace
+	Note: Using the CIE LCH color space
 	and deltaE2000 distance metric,
 	is known to give suboptimal results
 	with <a href="#CIELCH-blue-hueshift">significant hue shifts</a>,
 	for colors in the hue range
 	270° to 330°.
-	Using OKLCH colorspace
+	Using OKLCH color space
 	and deltaEOK distance metric
 	<a href="OKLCH-blue-no-hueshift">avoids this issue</a>.
 
@@ -4787,11 +4790,11 @@ Gamut Mapping
 	and detail and texture must be preserved,
 	a perceptual rendering intent is more appropriate
 	and in that case,
-	colors inside the destinatin gamut
+	colors inside the destination gamut
 	may well be changed.
 
-	CSS gamut mapping occurs in the OKLCH colorspace,
-	and the color difference formula used is deltaEOK.
+	CSS gamut mapping occurs in the <a href="#ok-lab">OKLCH color space</a>,
+	and the color difference formula used is <a href="#color-difference-OK">deltaEOK</a>.
 
 	The skimming/concavity problem is substantialy improved
 	by a two-stage in-gamut check.
@@ -4815,7 +4818,7 @@ Gamut Mapping
 	and a clipped version of that point
 	exceeds one JND.
 
-	For the OKLCH colorspace,
+	For the OKLCH color space,
 	one JND is is an OKLCH difference of 0.02.
 
 
@@ -5214,7 +5217,7 @@ Changes</h2>
 
 <ul>
 	<li>Computed value of color(xyz ...) is color(xyz-d65 ...)</li>
-	<li>Added srgb-linear to interpolation colorspaces</li>
+	<li>Added srgb-linear to interpolation color spaces</li>
 	<li>Updated Changes from Colors 3 section</li>
 	<li>Added Resolving OKLab and OKLCH values section</li>
 	<!-- to 19 Nov 2021 -->
@@ -5260,7 +5263,7 @@ Changes</h2>
 	<li>Clarified which steps are linear combinations in RGB Lab interconversion</li>
 	<!-- to 20 May 2021 -->
 	<li>Added components descriptor to @color-profile, for use in CSS Color 5</li>
-	<li>All predefined RGB colorspaces are defined over the extended range</li>
+	<li>All predefined RGB color spaces are defined over the extended range</li>
 	<li>Clarified that there is no gamut mapping or gamut clipping step prior to color interpolation</li>
 	<li>Clarified interpolation of legacy sRGB syntaxes</li>
 	<li>Removed the lab option from ''color()''</li>