Skip to content

Commit 3afc9f9

Browse files
committed
[css-color-5] lightgoldenrod is not actually a color :)
1 parent 410b272 commit 3afc9f9

1 file changed

Lines changed: 9 additions & 9 deletions

File tree

css-color-5/Overview.bs

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -155,32 +155,32 @@ and a percentage of 100% returns the same color converted to the specified color
155155

156156
<div class="example">
157157
This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
158-
and 60% <span class="swatch" style="--color: lightgoldenrod"></span> lightgoldenrod.
158+
and 60% <span class="swatch" style="--color: palegoldenrod"></span> palegoldenrod.
159159

160-
<pre class="lang-css">color-mix(in lch, peru 40%, lightgoldenrod)</pre>
160+
<pre class="lang-css">color-mix(in lch, peru 40%, palegoldenrod)</pre>
161161

162162
The mixing is done in ''lch()'' colorspace.
163163
Here is a top-down view, looking along the neutral L axis:
164164

165165
<figure>
166166
<img src="images/CH-mixing.svg" style="width: 50vmin">
167-
<figcaption>Mixtures of peru and lightgoldenrod.
167+
<figcaption>Mixtures of peru and palegoldenrod.
168168
Peru has a hue angle, measured from the positive a axis,
169169
of 63.677 degrees
170-
while lightgoldenrod has a hue angle of 98.821 degrees.
170+
while palegoldenrod has a hue angle of 98.834 degrees.
171171
Peru has a chroma, or distance from the central neutral axis, of 54.011
172-
while lightgoldenrod has a chroma of 31.415.
172+
while palegoldenrod has a chroma of 31.406.
173173
Mixtures lie along the curve. A 40%/60% mixture is shown.
174174
</figcaption>
175175
</figure>
176176

177177
The calculation is as follows:
178178
* <span class="swatch" style="--color: peru"></span> peru is lch(62.253% 54.011 63.677)
179-
* <span class="swatch" style="--color: lightgoldenrod"></span> lightgoldenrod is lch(91.374% 31.415 98.821)
179+
* <span class="swatch" style="--color: palegoldenrod"></span> palegoldenrod is lch(91.374% 31.406 98.834)
180180
* the mixed lightness is 62.253 * 40/100 + 91.374 * (100-40)/100 = 79.7256
181-
* the mixed chroma is 54.011 * 40/100 + 31.415 * (100-40)/100 = 40.4534
182-
* the mixed hue is 63.677 * 40/100 + 98.821 * (100-40)/100 = 84.7634
183-
* the mixed result is <span class="swatch" style="--color: rgb(87.41% 76.03% 47.64%)"></span> lch(79.7256% 40.4534 84.7634)
181+
* the mixed chroma is 54.011 * 40/100 + 31.406 * (100-40)/100 = 40.448
182+
* the mixed hue is 63.677 * 40/100 + 98.834 * (100-40)/100 = 84.771
183+
* the mixed result is <span class="swatch" style="--color: rgb(87.416% 76.036% 47.637%)"></span> lch(79.7256% 40.448 84.771)
184184
</div>
185185

186186
<div class="example">

0 commit comments

Comments
 (0)