k8o

← Playgrounds一覧に戻る
CSSデモ1

contrast-color

背景色に対してコントラストの高い色(黒または白)を自動で返すCSS関数です。

contrast-color()のデモ

カラーピッカーやHEX入力で背景色を変えると文字色が自動で切り替わり、適用中のCSS宣言も確認できます。

この文字色は contrast-color() で決まっています

color: contrast-color(#2563eb);