使い方
- L (明度)、C (彩度)、H (色相) スライダーをドラッグして色を作成します。
- または、既存の oklch()、hex、または rgb 値を逆入力に貼り付けて色をインポートします。
- スライダー下のライブスウォッチと生成された oklch()、hex、rgb 値を読みます。
- 出力セクションから「color: oklch(...)」 Ready to-use CSS スニペットをコピーします。
- コピーリンク ボタンで現在の色を共有します。
例
- L=0.65、C=0.18、H=250 を設定すると、中程度の青が生成されます。ツールは oklch(0.65 0.18 250)、hex #4b78d4、同等の rgb() を表示します。
- 逆入力に #ff6600 を貼り付けると、スライダーが対応する OKLCH 座標で埋められます。