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 表格僅在瀏覽器中載入

另請參閱