デザインツール
WCAGカラーコントラストチェッカー
文字色と背景色を選ぶと、コントラスト比を確認できます。
ブラウザ内で動作。アップロード不要。
サンプルテキストいろはにほへと ちりぬるを
コントラスト比—
WCAG AA・通常の文字—
WCAG AA・大きな文字—
WCAG AAA・通常の文字—
色を変更して読みやすさを確認します。WCAGの基準はこの色の組み合わせにのみ適用されます。
このツールについて
WCAGカラーコントラストチェッカーをもっと手軽に。
不透明なsRGB色を2色だけ検査します。ページ全体のアクセシビリティを認定するものではありません。
よくある質問
WCAGカラーコントラストチェッカーについて
WCAGコントラストはどのように使いますか？
文字色と背景色を選ぶと、コントラスト比を確認できます。
ファイルやデータはアップロードされますか？
いいえ。不透明なsRGB色を2色だけ検査します。ページ全体のアクセシビリティを認定するものではありません。