Skip to content

Commit b5fa96c

Browse files
committed
[css-color-5] Link to hue interpolation keywords for color-mix()
1 parent 8da9adc commit b5fa96c

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

css-color-5/Overview.bs

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ Introduction {#intro}
7676

7777

7878

79-
Mixing colors: the ''color-mix'' function {#colormix}
79+
Mixing colors: the ''color-mix()'' function {#color-mix}
8080
=====================================================
8181

8282
This function takes two <<color>> specifications
@@ -144,8 +144,8 @@ Adjusting the individual x, y and z channels will produce significant hue shifts
144144
however, adjusting all three channels together is useful
145145
and will lighten or darken the color.
146146

147-
The [=hue-adjuster=] takes optional keywords, because there are two ways around the hue circle. If no keyword is specified, it is as if ''shorter'' were specified. ''increasing'' is the direction of increasing hue angle; ''decreasing'' is the direction of decreasing hue angle. If the hue difference is exactly 180 degrees,
148-
it is as if ''decreasing'' were specified.
147+
The [=hue-adjuster=] takes optional keywords, to specify the [[#hue-interpolation]] algorithm.
148+
If no keyword is specified, it is as if ''shorter'' were specified.
149149

150150
<div class="example">
151151
This example produces a mixture of 40% <span class="swatch" style="--color: peru"></span> peru
@@ -690,7 +690,7 @@ When an origin color is present, the following keywords can also be used in this
690690
This adds 180 degrees to the hue angle, giving the complementary color.
691691
<pre>
692692
--accent: <span class="swatch" style="--color: lightseagreen"></span> lightseagreen;
693-
--complement: <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%"></span> LCH(from var(--accent) l c calc(h+180));
693+
--complement: <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%"></span> LCH(from var(--accent) l c calc(h + 180));
694694
</pre>
695695
lightseagreen is LCH(65.4937% 39.4484 190.1013), so --complement is <span class="swatch" style="--color: rgb(88.2814% 51.1047% 58.3039%)"></span> LCH(65.4937% 39.4484 370.1013)
696696
</div>

0 commit comments

Comments
 (0)