色コントラストチェッカー
サンプルテキスト
大きいテキストのサンプル（18pt+）
21:1
レベルAA
通常のテキスト（4.5:1）:
✓ 合格
大きいテキスト (3:1):
✓ 合格
UIコンポーネント (3:1):
✓ 合格
レベルAAA
通常のテキスト (7:1):
✓ 合格
大きいテキスト (4.5:1):
✓ 合格
? よくある質問
色のコントラスト比とは何ですか?
コントラスト比（1:1～21:1）は、前景色と背景色の輝度差を表します。21:1は白地に黒（最大）、1:1は同色（コントラストなし）です。テキストの読みやすさを決定します。
WCAG コンプライアンス レベルとは何ですか?
WCAG 2.1には3つのレベルがあります。レベルA（最低）、AA（推奨、通常テキストは4.5:1、拡大テキストは3:1）、AAA（拡張、通常テキストは7:1、拡大テキストは4.5:1）です。ほとんどのウェブサイトはAA準拠を目指しています。
どのようなコントラスト比を目指すべきでしょうか?
通常のテキストは、AA では最低 4.5:1、AAA では 7:1 の比率が必要です。大きなテキスト（18pt 以上または 14pt 以上の太字）は、AA では 3:1、AAA では 4.5:1 の比率が必要です。比率を高くすることで、視覚に障害のあるユーザーでも読みやすくなります。
フォント サイズはコントラストの要件に影響しますか?
はい！18ポイント以上の大きな文字は読みやすさが向上するため、要件は低くなります。小さな文字は高いコントラストが必要です。大きな文字と高いコントラストのどちらかを選ぶ場合、一般的には高いコントラストの方が効果的です。
より良い色の組み合わせを提案できますか?
チェッカーは、カラースキームの全体的な美観を維持しながら、WCAG 標準を満たすように色の明るさ/暗さを調整して代替案を提案できます。
私のデータは安全ですか?
はい、もちろんです！このツールはブラウザ内で完全に動作します。データ処理はすべてデバイス上でローカルに行われ、サーバーにアップロードされることはありません。ファイルやデータはコンピューターから外部に漏れることがないため、完全なプライバシーとセキュリティが確保されます。