カラーコード変換ツール
HEX・RGB・HSLを相互変換できます。あわせて、WCAG基準のコントラストチェック(AA/AAA判定)にも対応しています。登録不要・ブラウザ内処理で、入力した色が外部に送信されることはありません。
| HEX | ||
|---|---|---|
| RGB | ||
| HSL |
コントラストチェック(WCAG)
上で入力した色を文字色として、背景色とのコントラスト比を判定します。
通常の文字サンプル Aa あア亜
大きな文字 Aa
コントラスト比:
よくある質問
- HEXとRGBはどう変換しますか?
- HEXの6桁(または3桁)の16進数を、2桁ずつ赤・緑・青の0〜255の値に変換します。
- コントラスト比はどう計算されますか?
- WCAG基準の相対輝度の計算式を使い、明るい色と暗い色の輝度比から算出します。4.5以上でAA基準(通常文字)を満たします。
- 入力した色は送信されますか?
- 送信されません。変換・計算の処理はすべてブラウザ内(JavaScript)で行われます。