OKLCH グラデーション デモ
ホイールで2色を選んで、線形グラデーションを作ります（OKLCH 対応ブラウザ向け）。
左（A）
右（B）
⤾ 入れ替え
🎲 ランダム
📋 CSSをコピー
🔁 表示: OKLCH
oklch(62% 0.22 25)
oklch(65% 0.20 330)
Lightness (L)
L: 62%
※ 円で色相(H)と彩度(=Cを相対化)を選択、スライダーで明度(L)。 選択サイドは上の「左/右」で決めてね。
このブラウザは
oklch()
の表示に未対応か不完全かもしれません。最新のブラウザでお試しください。