color-contrast()

实验性: 这是一项实验性技术
在将其用于生产之前，请仔细检查浏览器兼容性表格。

color-contrast() 函数标记接收一个 color 值，并将其与其他的 color 值比较，从列表中选择最高对比度的颜色。

语法

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

值

函数标记：color-contrast(color vs color-list)

color

任何有效的 <color> 值。

vs

字面保留字，作为语法的一部分。

color-list

由逗号分隔的列表，至少两个值，以与第一个值进行比较。

规范

Specification
CSS Color Module Level 6
# colorcontrast

浏览器兼容性

BCD tables only load in the browser