color-contrast()

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die funktionale Notation color-contrast() nimmt einen Farbwert und vergleicht ihn mit einer Liste anderer Farbwerte, indem sie den mit dem höchsten Kontrast aus der Liste auswählt.

Syntax

css
color-contrast(wheat vs tan, sienna, #d2691e)
color-contrast(#008080 vs olive, var(--myColor), #d2691e)

Werte

Funktionale Notation: color-contrast(color vs color-list)

color

Jeder gültige <color>.

vs

Ein literales Token als Bestandteil der Syntax.

color-list

Eine durch Kommata getrennte Liste von mindestens zwei Farbwerten, die mit dem ersten Wert verglichen werden sollen.

Spezifikationen

Specification
CSS Color Module Level 6
# colorcontrast

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch