Skip to content

Commit aa9f1dc

Browse files
committed
[css-color-5] Make colorspace argument mandatory for color-mix()
Closes w3c#6051 Also commented out an example that used adjusters
1 parent 4fb63d3 commit aa9f1dc

1 file changed

Lines changed: 6 additions & 5 deletions

File tree

css-color-5/Overview.bs

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -121,14 +121,15 @@ Mixing colors: the ''color-mix()'' function {#color-mix}
121121

122122

123123
<pre class='prod'>
124-
<dfn>color-mix()</dfn> = color-mix([ in <<colorspace>> ]? <<color>>{2} && [ <<percentage>> ]?)
124+
<dfn>color-mix()</dfn> = color-mix( in <<colorspace>> <<color>>{2} && [ <<percentage>> ]?)
125125
</pre>
126126

127127
If a percentage is omitted, it defaults to 50% (an equal mix of the two colors).
128128

129129
The result is produced via the following algorithm:
130130

131131
1. If a percentage is omitted, it defaults to 50% (an equal mix of the two colors).
132+
If the color space is omitted, it defaults to 'lch'.
132133
2. Both colors are converted to the specified [=colorspace=].
133134
If the specified colorspace has a smaller gamut
134135
than the one in which the color to be adjusted is specified,
@@ -144,7 +145,7 @@ and 50% produces an equal mix of both.
144145
This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
145146
and 60% <span class="swatch" style="--color: lightgoldenrod"></span> lightgoldenrod.
146147

147-
<pre class="lang-css">color-mix(peru 40%, lightgoldenrod)</pre>
148+
<pre class="lang-css">color-mix(in lch peru 40% lightgoldenrod)</pre>
148149

149150
The mixing is done in ''lch()'' colorspace.
150151
Here is a top-down view, looking along the neutral L axis:
@@ -180,7 +181,7 @@ and 50% produces an equal mix of both.
180181
keeps the intermediate colors
181182
as saturated as the endpoint colors.
182183

183-
<pre class="lang-css">color-mix(in lch, teal 65%, olive);</pre>
184+
<pre class="lang-css">color-mix(in lch teal 65% olive);</pre>
184185

185186
<figure>
186187
<img src="images/CH-mixing3.svg" style="width: 50vmin">
@@ -388,7 +389,7 @@ Array(3) [ 0.524461282381659, 0.4582102541032295, 0.6295269395052022 ]
388389
which is rgb(52.446% 45.821% 62.953%)
389390

390391

391-
-->
392+
392393

393394
<div class="example">
394395
This example produces the mixture of
@@ -424,7 +425,7 @@ which is rgb(52.446% 45.821% 62.953%)
424425
* result is <span class="swatch" style="--color: rgb(52.446% 45.821% 62.953%)"></span> lab(52% 13.572 -21.154) which is rgb(52.446% 45.821% 62.953%)
425426

426427
</div>
427-
428+
-->
428429

429430
<!-- IMPLEMENTATIONS
430431

0 commit comments

Comments
 (0)