カラーコード変換
カラーコードを入力すると各形式へ相互変換します。Tailwind v4 などで使う OKLCH に対応し、WCAG コントラスト比も判定できます。
補足
-
入力形式を選んで値を入れると、HEX / RGB / HSL / OKLCH へ変換します。
redやrebeccapurpleといった CSS の色名も入力できます。 - コントラスト比: 文字色と背景色の組み合わせが WCAG の基準を満たすか判定します。通常の文字は 4.5 以上（AA）、大きな文字は 3.0 以上、AAA は 7.0 以上が必要です。
- OKLCH で彩度を上げると sRGB で表示できない色になることがあります。その場合 HEX / RGB / HSL には、色相を保ったまま彩度を落として収めた近似値を表示します。
- 変換はすべてブラウザ内で行われ、入力した値がサーバーへ送信されることはありません。