カラー変換

このツールについて

色の作業では表記を行き来します。レガシーCSSにはHEX、チャンネル操作にはRGB、直感的な調整にはHSL、知覚的に均一なパレットにはOKLCHです。このコンバーターはこれらすべての形式とビジュアルピッカーを受け付け、4つの等価値を即座に表示し、WCAG 2基準の白・黒に対するコントラスト比（通常テキストでAA ≥ 4.5、AAA ≥ 7）も示します。sRGBガマット外のOKLCH色を入力すると、結果はクランプされて警告が表示されます。すべてブラウザで計算されます。

使用例

• デザイントークンをCSS形式間で変換
• 知覚的に均一なパレット用にOKLCH値を生成
• 明るい/暗い背景でのブランドカラーのWCAGコントラスト確認
• 混在形式で受け取った色の正規化

よくある質問

どの入力形式が使えますか？

3、4、6、8桁の16進数（#あり/なし）、数値またはパーセントのrgb()/rgba()、hsl()/hsla()、oklch(l c h)。ビジュアルカラーピッカーも使えます。

OKLCHとは何ですか、なぜ使うのですか？

OKLCHは知覚的に均一な色空間です。Lを変えると知覚される明るさが一貫して変化し、HSLとは異なります。バランスの取れたパレットやカラースケールの生成に最適です。

「ガマット外」の警告は何を意味しますか？

一部のOKLCH色にはsRGB（標準ディスプレイ）での等価色がありません。コンバーターは最も近い表示可能色に近似し、値が調整されたことを知らせる警告を表示します。

コントラストはどう計算されますか？

WCAG 2の相対輝度式を使用し、比率は1から21です。通常テキストでAAは≥ 4.5、AAAは≥ 7が必要です。パネルには白と黒に対する色の比率が表示されます。