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()