CSS/Funktionen/color-mix()

Browserunterstützung
caniuse.com

Die CSS-Funktion color-mix() bietet die Möglichkeit, Farben als Mischung aus zwei Ausgangsfarben darzustellen.

anwendbar auf

alle Farbangaben

Beispiel

<syntaxhighlight lang="css">

 /* Mischen im SRGB-Farbraum (kartesische Koordinaten) */
 background: color-mix(in srgb, red 80%, white);
 /* Mischen im HSL-Farbraum (Polarkoordinaten) */

background: color-mix(in hsl longer hue, red 75%, blue);

Farbmischung in kartesischem und polarem Farbkoordinatenraum.

Siehe auch

• Farbe/Relative Farbangaben

Weblinks

• W3C CSS Color Module Level 5: Mixing Colors: the color-mix() Function
• Browser-Support: caniuse.com