使い方
- 手元にある色形式を 1 つ入力します。
- OKLCH / OKLab を含む各形式へ変換します。
- sRGB クリップの注意が出た場合は、その色が通常表示範囲外だったと理解して扱います。
Wave 51 拡張
一般的な色変換から、知覚ベースの編集空間へ進む
このページはカラー変換や色差チェックの次に置く想定です。選んだ色を OKLCH / OKLab で確認したいときに使います。
近いページとの使い分け
カラーピッカー は色選び前、カラー変換 は一般的な HEX・RGB・HSL 変換中心、色差チェック は 2 色比較向けです。このページは、採用した 1 色を OKLCH / OKLab でも確認したいときに使います。2 色が決まっていて実装に貼る color-mix() 式を作りたいなら CSS color-mix 生成、役割色が固まったあとで CSS 変数や JSON トークンへ整理したいなら カラートークン出力、値を確認したあとに段階付き展開へ進みたいなら カラースケール生成 や コントラストチェッカー へ進みます。
FAQ
このページでは何ができますか？
1 色を HEX・RGB・HSL・OKLCH・OKLab の間で変換し、知覚ベースの色値を一般的な色形式と並べて確認できます。
カラー変換との違いは何ですか？
カラー変換は一般的な HEX・RGB・HSL・色名の変換向けです。このページは OKLCH や OKLab が必要なデザイントークン調整や知覚ベースの確認向けです。
sRGB クリップとは何ですか？
OKLCH や OKLab の値によっては、通常のブラウザ表示に使う sRGB 範囲の外へ出ることがあります。その場合は表示可能な近い色へ丸めたことを警告します。
共有URLには何が入りますか？
正規化した HEX 値だけが入ります。他の形式はブラウザ内で再計算されます。