CSS COLOR CONTRAST

contrast-color()で文字色を決める

背景色に対して、白と黒のうちコントラストが高い方をブラウザが選びます。

対応状況を確認中
01

BACKGROUND COLOR

背景色を変更する

LIVE COMPARISON

背景色は同じ。文字色だけを比較

oklch(88% 0.16 125)
FIXED color: white
NEW RELEASE

Design System
Starter Kit

UIのルールを整理して、実装の迷いを減らします。

WHITE FIXED
AUTO contrast-color()
NEW RELEASE

Design System
Starter Kit

UIのルールを整理して、実装の迷いを減らします。

BLACK SELECTED
CORE CSS