[css-color-4][editorial] Consistently capitalize Oklch, fix #7880

Author: svgeesus

css-color-4/Overview.bs

@@ -798,7 +798,7 @@ Representing Colors: the <<color>> type</h2>
 	* ''oklch()'' ,
 		which specifies an Oklab color
 		by Oklab Lightness, Chroma, and hue
-		using the [[#ok-lab|OKLCH]] cylindrical coordinate model.
+		using the [[#ok-lab|Oklch]] cylindrical coordinate model.
 <!--
 	* ''device-cmyk()'',
 		which specifies a device-specific CMYK color
@@ -2761,7 +2761,7 @@ Examples of HWB Colors</h3>
 -->
 
 <h2 id='lab-colors'>
-Device-independent Colors: CIE Lab and LCH, Oklab and OKLCH</h2>
+Device-independent Colors: CIE Lab and LCH, Oklab and Oklch</h2>
 
 <h3 id="cie-lab">CIE Lab and LCH</h3>
 
@@ -2910,11 +2910,11 @@ Device-independent Colors: CIE Lab and LCH, Oklab and OKLCH</h2>
 
 	This does not help with hue curvature, however.
 
-	<h3 id="ok-lab">Oklab and OKLCH</h3>
+	<h3 id="ok-lab">Oklab and Oklch</h3>
 
 	Recently, <dfn value export for="oklab()">Oklab</dfn>,
 	an improved Lab-like space has been developed [[!Oklab]].
-	The corresponding polar form is called <dfn value export for="oklch()">OKLCH</dfn>.
+	The corresponding polar form is called <dfn value export for="oklch()">Oklch</dfn>.
 	It was produced by numerical optimisation
 	of a large dataset of visually similar colors,
 	and has improved hue linearity,
@@ -2941,12 +2941,12 @@ Device-independent Colors: CIE Lab and LCH, Oklab and OKLCH</h2>
 	The illuminant is [=D65=], the same white point
 	as most RGB color spaces.
 
-	OKLCH has the same L axis as Oklab,
+	Oklch has the same L axis as Oklab,
 	but uses polar coordinates C (chroma) and H (hue).
 
 	Note: Unlike CIE LCH, where Chroma can reach values of 200 or more,
-	OKLCH Chroma ranges to 0.5 or so.
-	The hue angles between CIE LCH and OKLCH are broadly similar,
+	Oklch Chroma ranges to 0.5 or so.
+	The hue angles between CIE LCH and Oklch are broadly similar,
 	but not identical.
 
 	<figure id="CIELCH-blue-hueshift">
@@ -2958,10 +2958,10 @@ Device-independent Colors: CIE Lab and LCH, Oklab and OKLCH</h2>
 		</figcaption>
 	</figure>
 
-	<figure id="OKLCH-blue-no-hueshift">
+	<figure id="Oklch-blue-no-hueshift">
 		<img src="images/OKLCH-blue-slice.png" width="2485" height="1824"
-			alt="diagram showing hue constancy in OKLCH">
-		<figcaption>A constant OKLCH hue slice,
+			alt="diagram showing hue constancy in Oklch">
+		<figcaption>A constant Oklch hue slice,
 			showing the sRGB gamut around primary blue.
 			The visual hue remains constant.
 		</figcaption>
@@ -3156,10 +3156,10 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
 	Using commas inside these functions is an error.
 
 <h3 id="specifying-oklab-oklch">
-	Specifying Oklab and OKLCH: the ''oklab()'' and ''oklch()'' functional notations</h3>
+	Specifying Oklab and Oklch: the ''oklab()'' and ''oklch()'' functional notations</h3>
 
 
-	CSS allows colors to be directly expressed in Oklab and OKLCH.
+	CSS allows colors to be directly expressed in Oklab and Oklch.
 
 	<pre class='prod'>
 	<dfn>oklab()</dfn> = oklab( [ <<percentage>> | <<number>> | none]
@@ -3268,7 +3268,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
 			parsing/color-valid.html
 		</wpt>
 
-		The first argument specifies the OKLCH Lightness,
+		The first argument specifies the Oklch Lightness,
 		interpreted identically to the Lightness argument of ''oklab()''.
 
 		The second argument is the chroma.
@@ -3292,9 +3292,9 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
 		separated by a slash,
 		representing the [=alpha component=].
 
-		If the chroma of an OKLCH color is ''0%'',
+		If the chroma of an Oklch color is ''0%'',
 		the hue component is [=powerless=].
-		If the lightness of an OKLCH color is ''0%'',
+		If the lightness of an Oklch color is ''0%'',
 		both the hue and chroma components are [=powerless=].
 
 
@@ -3317,7 +3317,7 @@ Specifying Lab and LCH: the ''lab()'' and ''lch()'' functional notations</h3>
 
 
 <h3 id='lab-to-lch'>
-Converting Lab or Oklab colors to LCH or OKLCH colors</h3>
+Converting Lab or Oklab colors to LCH or Oklch colors</h3>
 
 	Conversion to the polar form is trivial:
 
@@ -3332,11 +3332,11 @@ although the visual color does not change from being on the neutral axis,
 small changes to the values can result in the reported hue angle swinging about wildly
 and being essentially random.
 In CSS, this means the hue is [=powerless=],
-and treated as [=missing=] when converted into LCH or OKLCH;
+and treated as [=missing=] when converted into LCH or Oklch;
 in non-CSS contexts this might be reflected as a missing value, such as NaN.
 
 <h3 id='lch-to-lab'>
-Converting LCH or OKLCH colors to Lab or Oklab colors</h3>
+Converting LCH or Oklch colors to Lab or Oklab colors</h3>
 
 	Conversion to the rectangular form is trivial:
 
@@ -4321,7 +4321,7 @@ Color Space for Interpolation</h3>
 	* If colors need to be evenly spaced perceptually (such as in a gradient),
 		the Oklab color space (and the older Lab), are designed to be perceptually uniform.
 	* If avoiding graying out in color mixing is desired, i.e. maximizing chroma throughout the transition,
-		OKLCH (and the older LCH) work well for that.
+		Oklch (and the older LCH) work well for that.
 	* Lastly, compatibility with legacy Web content may be the most important consideration.
 		The sRGB color space, which is neither linear-light nor perceptually uniform, is the choice here,
 		even though it produces poorer results (overly dark or greyish mixes).
@@ -4449,13 +4449,13 @@ Interpolating with Missing Components</h3>
 
 	<div class="example" id="ex-analogous-hue">
 		For example, if these two colors
-		are to be interpolated in OKLCH,
+		are to be interpolated in Oklch,
 		the missing hue in the CIE LCH color
-		is analogous to the hue component of OKLCH
+		is analogous to the hue component of Oklch
 		and will be carried forward
 		while the missing blue component
 		in the second color
-		is not analogous to any OKLCH component
+		is not analogous to any Oklch component
 		and will not be carried forward:
 
 		<pre>
@@ -4799,13 +4799,13 @@ Clipping</h4>
 		the amount of blue light is three times the amount of green,
 		while the amount of red light is half that of green.
 		There is six times as much blue primary as red.
-		In OKLCH, this color has a hue angle of 265.1°
+		In Oklch, this color has a hue angle of 265.1°
 
 		If we now clip this color
 		to bring it into gamut for sRGB,
 		we get <code>color(srgb-linear 0.5 1 1)</code>.
 		The amount of blue light is the same as green.
-		In OKLCH, this color has a hue angle of 196.1°,
+		In Oklch, this color has a hue angle of 196.1°,
 		a substantial change of 69°.
 	</div>
 
@@ -4843,7 +4843,7 @@ Chroma Reduction</h4>
 	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 color space is OKLCH.
+	The gamut mapping color space is Oklch.
 
 	<pre class="lang-css">color(display-p3 1 1 0)</pre>
 	is
@@ -4864,7 +4864,7 @@ Chroma Reduction</h4>
 	</pre>
 	<figure id="gamutmap-p3-yellow">
 		<img src="./images/slice-ok-110.23.svg" alt="" width="776" height="565" >
-		<figcaption>A constant-hue slice of OKLCH color space.
+		<figcaption>A constant-hue slice of Oklch color space.
 			The vertical axis represents lightness,
 			the horizontal axis is chroma.
 			The color to be mapped,
@@ -4917,9 +4917,9 @@ Excessive Chroma Reduction</h4>
 		Simple gamut mapping in CIE LCH would give unsatisfactory results.
 	</div>
 
-	<div class="example" id="OKLCH-p3-yellow-noclip">
+	<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.
+		has the chroma progressively reduced, but this time in Oklch color space.
 		<figure>
 			<img src="./images/p3-yellow-oklab.svg" alt="" width="700">
 			<figcaption>
@@ -4931,7 +4931,7 @@ Excessive Chroma Reduction</h4>
 				the Display P3 red, green and blue components.
 			</figcaption>
 		</figure>
-		It can be seen that reduction in OKLCH chroma is better behaved.
+		It can be seen that reduction in Oklch chroma is better behaved.
 		Colors do not go outside the Display P3 gamut, and the resulting
 		gamut-mapped yellow has good chroma.
 		Simple gamut mapping in OK LCH would give acceptable results.
@@ -4974,9 +4974,9 @@ Chroma Reduction with Local Clipping</h4>
 		Gamut mapping in CIE LCH with local clip would give acceptable results.
 	</div>
 
-	<div class="example" id="OKLCH-p3-yellow-clip">
+	<div class="example" id="Oklch-p3-yellow-clip">
 		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
+		has the chroma progressively reduced, but this time in Oklch color space
 		and with the local clip modification.
 		<figure>
 			<img src="./images/p3-yellow-oklab-clip.svg" alt="" width="700">
@@ -4989,7 +4989,7 @@ Chroma Reduction with Local Clipping</h4>
 				the Display P3 red, green and blue components.
 			</figcaption>
 		</figure>
-		It can be seen that reduction in OKLCH chroma,
+		It can be seen that reduction in Oklch chroma,
 		which was already good,
 		is further improved by the local clip modification.
 		Simple gamut mapping in CIE LCH with local clip would give excellent results.
@@ -5019,15 +5019,15 @@ Deviations from Perceptual Uniformity: Hue Curvature</h4>
 		</figcaption>
 	</figure>
 
-	Using OKLCH color space
+	Using Oklch color space
 	and deltaEOK distance metric
 	avoids this issue
 	at all hue angles.
 
 	<figure>
 		<img src="./images/OKLCH-blue-slice.png" alt="">
 		<figcaption>
-			A constant-hue slice of OKLCH color space,
+			A constant-hue slice of Oklch color space,
 			at a hue angle of 264.06°
 			corresponding to sRGB primary blue.
 			The vertical axis is Lightness, the horizontal axis is Chroma.
@@ -5072,7 +5072,7 @@ CSS Gamut Mapping to an RGB Destination</h3>
 	colors inside the destination gamut
 	could be changed.
 
-	CSS gamut mapping occurs in the <a href="#ok-lab">OKLCH color space</a>,
+	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 local-MINDE improvement is used.
 
@@ -5100,8 +5100,8 @@ CSS Gamut Mapping to an RGB Destination</h3>
 	exceeds one JND.
 	Then returned the clipped version of the color as the mapped result.
 
-	For the OKLCH color space,
-	one JND is is an OKLCH difference of 0.02.
+	For the Oklch color space,
+	one JND is is an Oklch difference of 0.02.
 
 <h4 id="binsearch">
 Sample Pseudocode for the Binary Search Gamut Mapping Algorithm with Local MINDE</h4>
@@ -5112,18 +5112,18 @@ Sample Pseudocode for the Binary Search Gamut Mapping Algorithm with Local MINDE
 		to be in gamut of a destination color space |destination|:
 
 		<ol>
-			<li>if |destination| has no gamut limits (XYZ-D65, XYZ-D50, Lab, LCH, Oklab, OKLCH) return |origin|
-			<li>let |origin_OKLCH| be |origin| converted
-				from |origin color space| to the OKLCH color space</li>
-			<li>if the Lightness of |origin_OKLCH| is greater than or equal to 100%,
+			<li>if |destination| has no gamut limits (XYZ-D65, XYZ-D50, Lab, LCH, Oklab, Oklch) return |origin|
+			<li>let |origin_Oklch| be |origin| converted
+				from |origin color space| to the Oklch color space</li>
+			<li>if the Lightness of |origin_Oklch| is greater than or equal to 100%,
 				return { 1 1 1 origin.alpha } in |destination|</li>
-			<li>if the Lightness of |origin_OKLCH| is less than than or equal to 0%,
+			<li>if the Lightness of |origin_Oklch| is less than than or equal to 0%,
 					return { 0 0 0 origin.alpha } in |destination|</li>
 			<li>let inGamut(|color|) be a function which returns true if, when passed a color,
 				that color is inside the gamut of |destination|.
 				For HSL and HWB, it returns true if the color is inside the gamut of sRGB.
 			</li>
-			<li>if inGamut(|origin_OKLCH|) is true, convert |origin_OKLCH| to |destination| and return it as the gamut mapped color</li>
+			<li>if inGamut(|origin_Oklch|) is true, convert |origin_Oklch| to |destination| and return it as the gamut mapped color</li>
 			<li>otherwise, let delta(|one|, |two|) be a function which returns the deltaEOK of color |one| compared to color |two|</li>
 			<li>let |JND| be 0.02</li>
 			<li>let |epsilon| be 0.0001</li>
@@ -5134,12 +5134,12 @@ Sample Pseudocode for the Binary Search Gamut Mapping Algorithm with Local MINDE
 				and returns the result
 			</li>
 			<li>set |min| to zero</li>
-			<li>set |max| to the OKLCH chroma of |origin_OKLCH|</li>
+			<li>set |max| to the Oklch chroma of |origin_Oklch|</li>
 			<li> let |min_inGamut| be a boolean that represents when |min| is still in gamut, and set it to true
 			<li>while (|max| - |min| is greater than |epsilon|) repeat the following steps
 				<ol>
 					<li>set |chroma| to (|min| + |max|) /2</li>
-					<li>set |current| to |origin_OKLCH| and then set the chroma component to |chroma|</li>
+					<li>set |current| to |origin_Oklch| and then set the chroma component to |chroma|</li>
 					<li>if |min_inGamut| is true and also if inGamut(|current|) is true, set |min| to |chroma| and continue to repeat these steps</li>
 					<li>otherwise, if inGamut(|current|) is false carry out these steps:
 						<ol>
@@ -5267,12 +5267,12 @@ Resolving Lab and LCH values</h3>
 		</div>
 
 <h3 id="resolving-oklab-oklch-values">
-Resolving Oklab and OKLCH values</h3>
+Resolving Oklab and Oklch values</h3>
 
 	This applies to ''oklab()'' and ''oklch()'' values.
 
 		The computed and used value
-		is the corresponding Oklab or OKLCH color
+		is the corresponding Oklab or Oklch color
 		paired with the specified alpha channel
 		(as a <<number>>, not a <<percentage>>;
 		and defaulting to opaque if unspecified).
@@ -5626,7 +5626,7 @@ Serializing Lab and LCH values</h3>
 	</div>
 
 <h3 id="serializing-oklab-oklch">
-Serializing Oklab and OKLCH values</h3>
+Serializing Oklab and Oklch values</h3>
 
 	The serialized form of ''oklch()'' and ''oklab()'' values
 	is derived from the [=computed value=]
@@ -6353,11 +6353,11 @@ Changes</h2>
 </h3>
 
 <ul>
-	<li>Added gamut mapping section and defined a CSS gamut mapping algorithm as chroma reduction in OKLCH with local MINDE.</li>
+	<li>Added gamut mapping section and defined a CSS gamut mapping algorithm as chroma reduction in Oklch with local MINDE.</li>
 	<li>Computed value of color(xyz ...) is color(xyz-d65 ...)</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>
+	<li>Added Resolving Oklab and Oklch values section</li>
 	<!-- to 19 Nov 2021 -->
 	<li>Added srgb-linear color space</li>
 	<li>Moved @color-profile and device-cmyk to level 5 per CSSWG resolution</li>
@@ -6370,9 +6370,9 @@ Changes</h2>
 	<li>Removed fallback colors from device-cmyk</li>
 	<li>Host syntax that does not declare a default now uses Oklab by default</li>
 	<li>Added sample code for deltaE OK</li>
-	<li>Added sample conversion code for OKlab and OKLCH</li>
+	<li>Added sample conversion code for OKlab and Oklch</li>
 	<li>Added oklab() and oklch() functions</li>
-	<i>Added description of Oklab and OKLCH</i>
+	<i>Added description of Oklab and Oklch</i>
 	<li>Added description of CIE LCH deficiencies</li>
 	<li>Allowed all components of a color to be "missing" via the ''none'' keyword,
 		defined when components are "powerless" and automatically become missing in some cases,