@@ -76,7 +76,7 @@ Introduction {#intro}
76
76
However, other color spaces can be specified,
77
77
including ``hsl()`` or ``srgb`` if desired.
78
78
79
- color spaces {#color spaces-section }
79
+ Color Spaces {#color-spaces }
80
80
==============
81
81
82
82
Mixing or otherwise combining colors
@@ -92,10 +92,10 @@ Lastly, compatibility with legacy Web content may be the most important consider
92
92
93
93
94
94
<pre class='prod'>
95
- <dfn><color space></dfn> = srgb | hsl | hwb | xyz | lab | lch
95
+ <dfn><color- space></dfn> = srgb | hsl | hwb | xyz | lab | lch
96
96
</pre>
97
97
98
- When no [= color space=] is specified,
98
+ When no << color- space>> is specified,
99
99
the mixing is done in the ''lch'' color space.
100
100
The [=xyz=] color space is CIE XYZ, with a D50 whitepoint, and allows computation to be done
101
101
in a linear-light-intensity space.
@@ -116,12 +116,12 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
116
116
117
117
This function takes two <<color>> specifications
118
118
and returns the result of mixing them,
119
- in a given [= color space=] ,
119
+ in a given << color- space>> ,
120
120
by a specified amount.
121
121
122
122
123
123
<pre class='prod'>
124
- <dfn>color-mix()</dfn> = color-mix( in <<color space>> , [ <<color>> && <<percentage>> ? ]#{2})
124
+ <dfn>color-mix()</dfn> = color-mix( in <<color- space>> , [ <<color>> && <<percentage>> ? ]#{2})
125
125
</pre>
126
126
127
127
The percentages are normalized as follows:
@@ -143,7 +143,7 @@ Issue: Should we handle p1 + p2 < 100% differently? E.g. a mix with `transpar
143
143
144
144
After normalizing both percentages, the result is produced via the following algorithm:
145
145
146
- 1. Both colors are converted to the specified [= color space=] .
146
+ 1. Both colors are converted to the specified << color- space>> .
147
147
If the specified color space has a smaller gamut
148
148
than the one in which the color to be adjusted is specified,
149
149
gamut mapping will occur.
@@ -629,7 +629,7 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
629
629
Multiple color functions can be specified.
630
630
631
631
<pre class='prod'>
632
- <dfn>color-adjust()</dfn> = color-adjust( <<color>> [ <<color-adjuster>> && [ in <<color space>> ]? ]? )
632
+ <dfn>color-adjust()</dfn> = color-adjust( <<color>> [ <<color-adjuster>> && [ in <<color- space>> ]? ]? )
633
633
</pre>
634
634
635
635
<pre class='prod'>
@@ -647,15 +647,15 @@ Adjusting colors: the ''color-adjust'' function {#coloradjust}
647
647
</pre>
648
648
649
649
The meaning of the adjusters is defined by color space.
650
- For example, if the [= color space=] is [=hsl=] ,
650
+ For example, if the << color- space>> is [=hsl=] ,
651
651
hue means the HSL hue, which is not the same as the LCH hue;
652
652
if the color space is [=lch=] ,
653
653
lightness means the LCH Lightness, which is the same as Lab lightness,
654
654
but different to the HSL Lightness.
655
655
656
- Only the [=color-adjuster=] s defined for a given [= color space=] are available.
656
+ Only the [=color-adjuster=] s defined for a given << color- space>> are available.
657
657
For example, it is not possible to use the HWB [=whiteness=] adjuster unless the color space is [=hwb=] .
658
- The alpha adjuster is available on any [= color space=] .
658
+ The alpha adjuster is available on any << color- space>> .
659
659
660
660
Note: not all [=color-adjuster=] s are equally useful.
661
661
Adjustments in LCH are the most useful, which is why it is the default.
@@ -993,7 +993,7 @@ Changes {#changes}
993
993
994
994
<ul>
995
995
<!--
996
- <li> Added `in` keyword before <<color space>> tokens in functions</li>
996
+ <li> Added `in` keyword before <<color- space>> tokens in functions</li>
997
997
<li> Removed adjusters from color-mix</li>
998
998
-->
999
999
<!-- to 28 Jan 2021 -->
0 commit comments