🔄 カラーコード変換
HEX・RGB・HSL形式を相互変換。コントラスト比もチェックできます。
🎨 色を選択
#6366F1
HEX
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
👁️ コントラスト比チェック
テキストサンプル
Text on background
テキストサンプル
Text on background
4.47:1
コントラスト比
AA 通常
✗ 不適合
AAA 通常
✗ 不適合
AA 大文字
✓ 適合
AAA 大文字
✗ 不適合
📖 カラー形式について
HEX
16進数表記。CSSで最も一般的な形式。#RRGGBBの形式。
RGB
赤・緑・青の光の三原色。各0-255の値で色を表現。
HSL
色相・彩度・明度。人間の色の認識に近い表現方法。
♿ WCAGコントラスト基準
AA 通常 コントラスト比 4.5:1 以上（通常テキスト）
AA 大文字 コントラスト比 3:1 以上（18pt以上または14pt太字）
AAA 通常 コントラスト比 7:1 以上（より厳格な基準）
AAA 大文字 コントラスト比 4.5:1 以上（大きなテキスト）