color-contrast()
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
color-contrast() は関数表記で、ある色の値と他の色の値のリストを取り、リストから最もコントラストが高くなる値を選択します。
構文
css
color-contrast(wheat vs tan, sienna, #d2691e)
color-contrast(#008080 vs olive, var(--myColor), #d2691e)
値
- 関数記法:
color-contrast( <color> vs <color>#{2,} ) -
<color>はいずれかの有効なcolorです。<color>#{2,}は最初の値と比較する色の値のカンマ区切りのリストです。
仕様書
| Specification |
|---|
| CSS Color Module Level 6 # colorcontrast |
ブラウザーの互換性
BCD tables only load in the browser