CSS/Funktionen/color-contrast()

Die color-contrast()-Funktion vergleicht einen Farbwert mit einer Liste von anderen Farbwerten und wählt den Wert mit dem höchsten Kontrast aus der Liste aus..

Parameter	gültige Farbangabe Schlüsselwort vs kommaseparierte Liste von mind. 2 Farbwerten
anwendbar auf	alle Farbangaben
Browsersupport	caniuse: mdn-css_types_color_color-contrast

Beispiel

color-contrast(#008080 vs olive, var(--myColor), #d2691e)

Der Hexwert #008080 wird mit 3 Farbangaben verglichen - der Wert mit dem höchsten Kontrast wird verwendet.

Weblinks

• CSSWG: color-contrast() function
• MDN: color-contrast()

Siehe auch

• Farbe