color-contrast()
语法
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 表格仅在浏览器中加载
另请参阅
<color>
数据类型- CSS 颜色 模块
prefers-contrast
和prefers-color-scheme
@media
特性contrast()
- WCAG:颜色对比度
- CSS 自定义属性 和
var()