コントラストチェッカー
コントラストとアクセシビリティを確認
任意の2色間のコントラスト比をWCAG AAおよびAAAに対してテストし、不足する組み合わせを自動で修正し、色覚特性で色がどう見えるかを確認します。
前景と背景
3.54:1
コントラスト比
クイック修正
見出しのプレビュー
すばやい茶色の狐が怠け者の犬を飛び越える。小さな本文テキストも、誰にとっても読みやすいように同じコントラスト規則を満たす必要があります。
大きいテキスト（太字、16px）
色覚シミュレーター
FAQ
コントラストチェッカーに関する質問
どのくらいのコントラスト比が必要ですか？
WCAG AAは通常のテキストで最低4.5:1、大きいテキスト（18pt以上または14pt太字）で3:1を要求します。AAAはそれぞれ7:1と4.5:1に引き上げます。
AAとAAAのバッジは何を意味しますか？
テキストと背景の組み合わせが通常のテキストと大きいテキストで満たす、最高のWCAGレベルを示します。色を調整するとチェッカーがリアルタイムで更新します。
色覚シミュレーターは何のためですか？
さまざまな種類の色覚特性を持つ人にあなたの色がどのように見えるかを示すので、意味が色だけに依存しないようにできます。
コントラストが不足している場合、自動で修正できますか？
はい。提案は、元の色にできるだけ近づけながら、組み合わせが目標の比率を満たすまでテキストまたは背景の明度を調整します。