CSS
color: light-dark(#ffffff, #1e293b);
ライトモード
background: #ffffff / color: #1e293b
ダークモード
background: #1e293b / color: #ffffff
light-dark()CSS関数は現在のcolor-schemeに基づき2値のいずれかを返す。要素にcolor-scheme: light dark;が必要。
関連ツール
🎨
背景パターンジェネレーター
CSS/スタイル
15.6k
👁️
CSS 背景フィルタープレビュー
プレビュー
12.8k
✂️
Clip Path ジェネレーター
CSS/スタイル
12.5k
🖨️
CMYK ↔ RGB 変換
カラー
11.8k
🏷️
バッジ生成ツール
CSS/スタイル
11.0k
🔲
Box Shadow ジェネレーター
CSS/スタイル
10.5k
🔄
補色カラーピッカー
カラー
10.0k
🌊
パレットウォーターフォールチャート
カラー
10.0k
👁️
CSS Gradient Preview
プレビュー
10.0k
🎨
色比較ツール
カラー
10.0k
🔆
色の濃淡ジェネレーター
カラー
10.0k
🎨
CSS color-mix()実験ツール
カラー
10.0k
👁️
CSSコントラスト比可視化
カラー
10.0k
🔬
CSS OKLabエクスプローラー
カラー
10.0k
🎯
CSSセレクターテスター
検証ツール
10.0k
🔄
HSLuv色空間ツール
カラー
10.0k