カラーコード変換 — HEX・RGB・HSL・OKLCH

HEXコードをRGB・HSL・OKLCHへ、逆方向にも変換します。背景色を入れるとWCAGコントラスト比と、通常テキスト・大きいテキストのAA／AAA判定まで表示。計算はすべてブラウザ内で行います。

使い方

  1. HEX・rgb()・hsl() を貼り付けるか、カラーピッカーで色を選びます。
  2. HEX・RGB・HSL・OKLCH の値をコピーボタンでそのまま取得します。
  3. 背景色を入れるとコントラスト比とAA／AAA判定が出ます。

コントラスト比はWCAG 2.xの相対輝度で計算します。アルファ(透明度)は無視するので、半透明の色は合成後の色を入力してください。

関連ツール

  • 開発者ツール — JSON・Base64・URL・正規表現・タイムスタンプ・JWT・Cron・CIDR・Diff。
  • 画像圧縮 — アップロードなしでブラウザ上で画像を圧縮・リサイズします。
  • 文字数カウント — 文字・単語・行・バイト数をリアルタイムでカウントします。
  • QRコード生成機 — リンクやテキストをQRコードにしてPNGで保存します。