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

一个逗号分隔的列表,其中包含至少两个颜色值,用于与第一个值进行比较。

规范

规范
CSS 颜色模块级别 6
# colorcontrast

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅