カラーコード変換
HEX / RGB / HSL を相互変換し、コントラスト比もチェックします。
ブラウザ内で処理・送信なし 変換 No.31
フォーマット
HEX
#3b6df0HEX (alpha)
#3b6df0ffRGB
rgb(59, 109, 240)HSL
hsl(223, 86%, 59%)
コントラスト比 (WCAG)
白背景 4.53:1 — AA (本文)
黒背景 4.63:1 — AA (本文)
カラーコード変換の使い方
HEX・RGB(A)・HSL のどれかを編集すると、ほかの形式とプレビューが即座に連動して更新されます。
HEX は #RGB / #RRGGBB / #RRGGBBAA の 3 形式に対応し、
カラーピッカーで直感的に色を選ぶこともできます。
コントラスト比（WCAG 2.x）の目安
- 4.5:1 以上: 通常の本文テキストで AA 適合
- 7:1 以上: 本文テキストで AAA 適合
- 3:1 以上: 大きな文字（18pt 以上、または 14pt 以上の太字）で AA 適合
白背景・黒背景の両方に対する比率を表示するので、ボタンやリンク色を決めるときの確認に使えます。
プライバシー
すべての処理はブラウザ内で行われ、入力内容は外部に送信されません。