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

参见