OKLCH の結果 CSS Color 4
このツールについて
OKLCH は色を知覚的な明度（L）、彩度（C）、色相（H）で表します。HEX や HSL と違い、OKLCH では等しいステップが人間の目にも等しいステップに見えるため、デザインシステムのカラースケールに最適です。
既存のブランドカラーを oklch() 構文に移行したり、色相が一貫したパレットを構築したりするのにご利用ください。
最新のブラウザは oklch() にネイティブで対応しています。エバーグリーンの対象環境ではフォールバックは不要です。
よくある質問
HSL より OKLCH を使う理由は?
HSL の明度は知覚的に均一ではなく、明度 50% の黄色は明度 50% の青よりはるかに明るく見えます。OKLCH はこれを解消するため、色相をまたいでもスケールが一貫します。
L、C、H とは何を意味しますか?
L は知覚的な明度（0–100%）、C は彩度（上限なし）、H は度数で表した色相角です。
変換は正確ですか?
sRGB → リニア RGB → OKLab を経由する標準的な測色変換です。値は読みやすさのために四捨五入されますが、精度の損失は目に見える範囲をはるかに下回ります。