[css-color-5] consistent "color space" w3c#6217

Author: svgeesus

css-color-5/Overview.bs

@@ -23,7 +23,7 @@ spec:css-color-3
 
 <pre class="link-defaults">
 spec:css-color-4; type:dfn; text:color
-spec:css-color-4; type:dfn; text:colorspace
+spec:css-color-4; type:dfn; text:color space
 spec:css-color-4; type:dfn; text:gamut
 spec:css-color-4; type:dfn; text:rectangular orthogonal color
 spec:css-color-4; type:dfn; text:cylindrical polar color
@@ -69,35 +69,35 @@ Introduction {#intro}
 	''color-contrast()'',
 	and [[#colormodify|a way to modify colors]].
 
-	The perceptually uniform ``lch()`` colorspace
+	The perceptually uniform ``lch()`` color space
 	is used for mixing by default,
 	as this has no gamut restrictions
 	and colors are evenly distributed.
-	However, other colorspaces can be specified,
+	However, other color spaces can be specified,
 	including ``hsl()`` or ``srgb`` if desired.
 
-Colorspaces {#colorspaces-section}
+color spaces {#color spaces-section}
 ==============
 
 Mixing or otherwise combining colors
-has different results depending on the colorspace used.
+has different results depending on the color space used.
 In some cases, the result of physically mixing two colored lights is desired
-(in that case, the CIE XYZ colorspace is appropriate, because it is linear in light intensity).
+(in that case, the CIE XYZ color space is appropriate, because it is linear in light intensity).
 In other cases, colors which are evenly spaced perceptually are desired
-(in which case, the CIE Lab colorspace is designed to be perceptually uniform).
+(in which case, the CIE Lab color space is designed to be perceptually uniform).
 Alternatively, maximizing chroma so that color mixtures follow along the hue wheel is wanted
 (CIE LCH works well for this).
 Lastly, compatibility with legacy Web content may be the most important consideration.
-(the sRGB colorspace, which is neither linear-light nor perceptually uniform, is the choice here).
+(the sRGB color space, which is neither linear-light nor perceptually uniform, is the choice here).
 
 
 <pre class='prod'>
-	<dfn>&lt;colorspace></dfn> = srgb | hsl | hwb | xyz | lab | lch
+	<dfn>&lt;color space></dfn> = srgb | hsl | hwb | xyz | lab | lch
 </pre>
 
-When no [=colorspace=] is specified,
-the mixing is done in the ''lch'' colorspace.
-The [=xyz=] colorspace is CIE XYZ, with a D50 whitepoint, and allows computation to be done
+When no [=color space=] is specified,
+the mixing is done in the ''lch'' color space.
+The [=xyz=] color space is CIE XYZ, with a D50 whitepoint, and allows computation to be done
 in a linear-light-intensity space.
 
 
@@ -116,12 +116,12 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
 
 	This function takes two <<color>> specifications
 	and returns the result of mixing them,
-	in a given [=colorspace=],
+	in a given [=color space=],
 	by a specified amount.
 
 
 <pre class='prod'>
-	<dfn>color-mix()</dfn> = color-mix( in <<colorspace>> , [ <<color>> && <<percentage>>? ]#{2})
+	<dfn>color-mix()</dfn> = color-mix( in <<color space>> , [ <<color>> && <<percentage>>? ]#{2})
 </pre>
 
 	The percentages are normalized as follows:
@@ -143,25 +143,25 @@ Issue: Should we handle p1 + p2 &lt; 100% differently? E.g. a mix with `transpar
 
 After normalizing both percentages, the result is produced via the following algorithm:
 
-1. Both colors are converted to the specified [=colorspace=].
-	If the specified colorspace has a smaller gamut
+1. Both colors are converted to the specified [=color space=].
+	If the specified color space has a smaller gamut
 	than the one in which the color to be adjusted is specified,
 	gamut mapping will occur.
-2. Colors are then <a href="../css-color-4/#interpolation">interpolated in the 		specified colorspace</a>.
+2. Colors are then <a href="../css-color-4/#interpolation">interpolated in the 		specified color space</a>.
 
 The result of mixing is the color at the specified percentage along the progression
 of the second color to the first color.
 
-Note: As a corrollary, a percentage of 0% just returns the other color converted to the specified colorspace,
-and a percentage of 100% returns the same color converted to the specified colorspace.
+Note: As a corrollary, a percentage of 0% just returns the other color converted to the specified color space,
+and a percentage of 100% returns the same color converted to the specified color space.
 
 <div class="example">
 	This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
 	and 60% <span class="swatch" style="--color: palegoldenrod"></span> palegoldenrod.
 
 	<pre class="lang-css">color-mix(in lch, peru 40%, palegoldenrod)</pre>
 
-	The mixing is done in ''lch()'' colorspace.
+	The mixing is done in ''lch()'' color space.
 	Here is a top-down view, looking along the neutral L axis:
 
 	<figure>
@@ -187,7 +187,7 @@ and a percentage of 100% returns the same color converted to the specified color
 
 <div class="example">
 	This example produces the mixture of teal and olive,
-	in ''lch'' colorspace (the default),
+	in ''lch'' color space (the default),
 	with each lch channel being 65% of the value for teal
 	and 35% of the value for olive.
 
@@ -223,7 +223,7 @@ and a percentage of 100% returns the same color converted to the specified color
 Let's move this example to the appropriate section when we have the new syntax for making these low-level adjustments
 <div class="example">
 	This example produces the mixture of a deep green and a sky blue,
-	in ''lch()'' colorspace (the default),
+	in ''lch()'' color space (the default),
 	with the lightness being 40% of the lightness of the green
 	(and thus, 60% of the lightness of the blue).
 	The chroma and hue of the green are used unchanged in the mixed result.
@@ -241,7 +241,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 
 <div class="example">
 	This example produces the mixture of a red and a sky blue,
-	in ''lch()'' colorspace (the default),
+	in ''lch()'' color space (the default),
 	with the hue being 75.23% of that of the red
 	(and thus, 24.77% of that of the blue).
 	The shorter hue arc will be used.
@@ -272,7 +272,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 
 <div class="example">
 	This example produces the mixture of a red and a sky blue,
-	in ''lch()'' colorspace (the default),
+	in ''lch()'' color space (the default),
 	with the hue being 75.23% of that of the red
 	(and thus, 24.77% of that of the blue).
 	The longer hue arc has been specified.
@@ -305,7 +305,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 	This example produces the mixture of
 	the same two colors as the previous example
 	(a red and a sky blue),
-	in ''lch()'' colorspace (the default),
+	in ''lch()'' color space (the default),
 	with the hue being 75.23% of that of the red
 	(and thus, 24.77% of that of the blue).
 	This time, the lightness is set to 68.4% and
@@ -326,7 +326,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 	This example produces the mixture of
 	the same two colors as the previous examples
 	(a red and a sky blue),
-	in ''xyz'' colorspace,
+	in ''xyz'' color space,
 	with the mixture being 75.23% of that of the red
 	(and thus, 24.77% of that of the blue).
 
@@ -344,7 +344,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 
 <div class="example">
 	This example produces the mixture of red and yellow,
-	in ''lch()'' colorspace (the default),
+	in ''lch()'' color space (the default),
 	with the lightness being 30% of the lightness of red
 	(and thus, 70% of the lightness of yellow).
 	The chroma and hue of red are left unchanged.
@@ -373,7 +373,7 @@ Let's move this example to the appropriate section when we have the new syntax f
 <!--
 <img src="images/mix_red_yellow_65.png" alt="Result of color-mix(red, yellow, 65%" /> -->
 
-<!-- todo: example that specifies a different colorspace -->
+<!-- todo: example that specifies a different color space -->
 
 <!-- worked example in Lab space
 	with 38% of a and 38% of b
@@ -409,7 +409,7 @@ which is rgb(52.446% 45.821% 62.953%)
 	This example produces the mixture of
 	the same two colors as the previous example
 	(a red and a sky blue),
-	in Lab colorspace,
+	in Lab color space,
 	with 38% of a and 38% of b.
 	The lightness of the red is left unchanged.
 
@@ -620,16 +620,16 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
 
 	This function takes one <<color>> specification
 	and returns the result of adjusting that color,
-	in a given colorspace,
+	in a given color space,
 	by a specified color-adjuster.
 
 	Unless otherwise specified,
-	the adjustment is done in the ''lch'' colorspace.
+	the adjustment is done in the ''lch'' color space.
 
 	Multiple color functions can be specified.
 
 	<pre class='prod'>
-		<dfn>color-adjust()</dfn> = color-adjust( <<color>> [ <<color-adjuster>> && [ in <<colorspace>> ]? ]? )
+		<dfn>color-adjust()</dfn> = color-adjust( <<color>> [ <<color-adjuster>> && [ in <<color space>> ]? ]? )
 	</pre>
 
 	<pre class='prod'>
@@ -646,16 +646,16 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
 		<dfn>&lt;hue-adjuster></dfn> = hue [shorter | longer | increasing | decreasing | specified ]?
 	</pre>
 
-	The meaning of the adjusters is defined by colorspace.
-	For example, if the [=colorspace=] is [=hsl=],
+	The meaning of the adjusters is defined by color space.
+	For example, if the [=color space=] is [=hsl=],
 	hue means the HSL hue, which is not the same as the LCH hue;
-	if the colorspace is [=lch=],
+	if the color space is [=lch=],
 	lightness means the LCH Lightness, which is the same as Lab lightness,
 	but different to the HSL Lightness.
 
-	Only the [=color-adjuster=]s defined for a given [=colorspace=] are available.
-	For example, it is not possible to use the HWB [=whiteness=] adjuster unless the colorspace is [=hwb=].
-	The alpha adjuster is available on any [=colorspace=].
+	Only the [=color-adjuster=]s defined for a given [=color space=] are available.
+	For example, it is not possible to use the HWB [=whiteness=] adjuster unless the color space is [=hwb=].
+	The alpha adjuster is available on any [=color space=].
 
 	Note: not all [=color-adjuster=]s are equally useful.
 	Adjustments in LCH are the most useful, which is why it is the default.
@@ -672,7 +672,7 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
 
 	<div class="example">
 		This example produces the adjustment of peru (#CD853F),
-		in ''lch()'' colorspace (the default),
+		in ''lch()'' color space (the default),
 		with the lightness being reduced by 20%.
 		The chroma and hue of red are left unchanged.
 
@@ -796,7 +796,7 @@ so it has meaningful values for the channels.
 
 	(Note, tho, that an easier and more accurate way to grayscale a color
 	is to use the ''lch()'' function,
-	as that colorspace is more accurate to human perception:
+	as that color space is more accurate to human perception:
 	''lch(from var(--color) l 0 h)'' preserves the lightness,
 	but zeroes out the chroma,
 	which determines how "colorful" the color is.)
@@ -822,7 +822,7 @@ the allowed [=channel keywords=] are:
 * <dfn value for="rgb()">alpha</dfn> is a <<percentage>> that corresponds to the [=origin color's=] alpha transparency
 
 <div class="example">
-	To manipulate color channels in the sRGB colorspace:
+	To manipulate color channels in the sRGB color space:
 
 	<pre>
 		rgb(from <span class="swatch" style="--color: indianred"></span> indianred 255 g b)
@@ -993,14 +993,14 @@ Changes {#changes}
 
 <ul>
 	<!--
-	<li>Added `in` keyword before <<colorspace>> tokens in functions</li>
+	<li>Added `in` keyword before <<color space>> tokens in functions</li>
 	<li>Removed adjusters from color-mix</li>
 	-->
 	<!-- to 28 Jan 2021 -->
 	<!-- removed interpolation section changes, added to Color 4 -->
 	<!-- to 5 Jan 2021 -->
 	<li>Link to CSS 4 definition of color serialization</li>
-	<li>Added separate section for colorspaces</li>
+	<li>Added separate section for color spaces</li>
 	<li>Updated color-adjust example</li>
 	<li>Added explanatory diagrams</li>
 	<li>Deal with unresolved percentages</li>
@@ -1014,8 +1014,8 @@ Changes {#changes}
 	<li>added vs keyword to color-contrast</li>
 	<li>added xyz adjuster to grammar</li>
 	<li>added hue adjuster keywords</li>
-	<li>add XYZ colorspace for mixing</li>
-	<li>defined color-adjuster and colorspace</li>
+	<li>add XYZ color space for mixing</li>
+	<li>defined color-adjuster and color space</li>
 	<li>allowed mix percent to default to 50%</li>
 	<li>added worked examples and diagrams</li>
 	<li>corrected minor spelling, syntax and formatting issues</li>