カラーコントラスト比チェッカー

文字色と背景色のコントラスト比を計算し、WCAGのAA/AAA基準の合否を判定します。アクセシビリティ確認に使えます。

文字色 (HEX)

背景色 (HEX)

カラーコントラスト比チェッカーのよくある質問

WCAGの基準は？: 通常文字でAAは4.5:1以上、AAAは7:1以上が必要です。大きな文字はやや緩い基準になります。
計算方法は？: 各色の相対輝度を求め、(明+0.05)÷(暗+0.05)でコントラスト比を計算します。

色の濃淡パレット生成ツール
1色から明るい色・暗い色のバリエーション(濃淡)を生成します。UIのカラーパレット作成にブラウザ内で使えます。