コントラスト比計算
文字と背景のコントラスト比とWCAGの合否を判定
色・デザイン無料・登録不要端末の中で処理
文字の色
背景の色
ふつうの文字の見本です。The quick brown fox.
大きな文字の見本（24px）
太字の大きな文字の見本（約19px）
- コントラスト比
- 12.63 : 1
- AA・ふつうの文字4.5 : 1 以上合格
- AA・大きな文字3 : 1 以上合格
- AAA・ふつうの文字7 : 1 以上合格
- AAA・大きな文字4.5 : 1 以上合格
WCAG 2.x の計算式で求めています。「大きな文字」は 18pt（約24px）以上、または 14pt（約18.7px）以上の太字です。ロゴや飾りの文字には基準がありません。
コントラスト比計算の使い方
- 「文字の色」と「背景の色」を、カラーコード（例：#333333）で入れるか、色の見本を押して選びます。
- 「コントラスト比」と、AA・AAA の合格・不合格を確かめます。
- 「⇄ 入れ替える」で文字と背景の色を入れ替えられます。
よくある質問
Q. どのくらいの比があればよいですか？
A. WCAGのAAでは、ふつうの文字は4.5:1以上、大きな文字は3:1以上が基準です。AAAではそれぞれ7:1以上と4.5:1以上です。
Q. 「大きな文字」とは？
A. 18pt（約24px）以上、または14pt（約18.7px）以上の太字の文字です。
Q. 比はどう計算していますか？
A. WCAG 2.xの式で、2色の相対輝度から（明るいほう＋0.05）÷（暗いほう＋0.05）を求めています。
このツールについて
コントラスト比計算の無料ツール。文字と背景のコントラスト比とWCAGの合否を判定。登録不要で、入力した内容はブラウザの中だけで処理します。
最終更新：2026/10/19