Skip to content

Commit dcef774

Browse files
committed
[css-color-5] separate section for colorspaces
1 parent 2caf90b commit dcef774

File tree

1 file changed

+23
-8
lines changed

1 file changed

+23
-8
lines changed

css-color-5/Overview.bs

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -74,6 +74,29 @@ Introduction {#intro}
7474
However, other colorspaces can be specified,
7575
including ``hsl()`` or ``srgb`` if desired.
7676

77+
Colorspaces {#colorspaces-section}
78+
==============
79+
80+
Mixing or otherwise combining colors
81+
has different results depending on the colorspace used.
82+
In some cases, the result of physically mixing two colored lights is desired
83+
(in that case, the CIE XYZ colorspace is appropriate, because it is linear in light intensity).
84+
In other cases, colors which are evenly spaced perceptually are desired
85+
(in which case, the CIE Lab colorspace is designed to be perceptually uniform).
86+
Alternatively, maximising chroma so that color mixtures follow along the hue wheel is wanted
87+
(CIE LCH works well for this).
88+
Lastly, compatibility with legacy Web content may be the most important consideration.
89+
(the sRGB colorspace, which is neither linear-light nor perceptually uniform, is the choice here).
90+
91+
92+
<pre class='prod'>
93+
<dfn>&lt;colorspace></dfn> = srgb | hsl | hwb | xyz | lab | lch
94+
</pre>
95+
96+
When no [=colorspace=] is specified,
97+
the mixing is done in the ''lch'' colorspace.
98+
The [=xyz=] colorspace is CIE XYZ, with a D50 whitepoint, and allows computation to be done
99+
in a linear-light-intensity space.
77100

78101

79102
Mixing colors: the ''color-mix()'' function {#color-mix}
@@ -95,9 +118,6 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
95118
<dfn>&lt;mix-component></dfn> = <<color>> [ <<percentage>> | <<color-adjuster>>+ ]?
96119
</pre>
97120

98-
<pre class='prod'>
99-
<dfn>&lt;colorspace></dfn> = srgb | hsl | hwb | xyz | lab | lch
100-
</pre>
101121

102122
<pre class='prod'>
103123
<dfn>&lt;color-adjuster></dfn> = [ [
@@ -113,11 +133,6 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
113133
<dfn>&lt;hue-adjuster></dfn> = hue [shorter | longer | increasing | decreasing | specified ]?
114134
</pre>
115135

116-
When no [=colorspace=] is specified,
117-
the mixing is done in the ''lch'' colorspace.
118-
The [=xyz=] colorspace is CIE XYZ, with a D50 whitepoint, and allows computation to be done
119-
in a linear-light-intensity space.
120-
121136
Arguments are normalized as follows:
122137

123138
1. When a percentage is specified without any [=color-adjuster=]s,

0 commit comments

Comments
 (0)