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

背景色と文字色の組み合わせが、WCAGアクセシビリティ基準を満たしているかチェックします。

SPONSORED
広告スペース
カラー設定

コントラスト比

21:1

見出しテキストの見え方

これは本文のプレビューです。文字が読みやすいかどうかを確認してください。 The quick brown fox jumps over the lazy dog.

※小さい文字の注釈確認用

AA (通常文字)
PASS (4.5:1 以上)
AA (太字・大)
PASS (3.0:1 以上)
AAA (通常文字)
PASS (7.0:1 以上)
AAA (太字・大)
PASS (4.5:1 以上)

WCAG基準とは?

Web Content Accessibility Guidelines (WCAG) では、視覚に障害のあるユーザーや高齢者でも文字が読めるよう、最低限のコントラスト比を定めています。 一般的なWebサイトでは AAレベル(4.5:1以上) の達成が推奨されます。

SPONSORED
広告スペース

コントラスト比チェッカーの使い方・解説

コントラスト比チェッカーの使い方

  1. 必要な項目を入力、またはファイルをアップロードします。
  2. 自動的に処理が行われるか、実行ボタンを押して処理を開始します。
  3. 結果が表示されます。必要に応じてコピーやダウンロードを行ってください。

このツールについて

この「コントラスト比チェッカー」は、ブラウザ上で動作する無料のWebツールです。 サーバーにデータを送信せず、お使いの端末内で処理が完結するため、プライバシーやセキュリティの面でも安心してご利用いただけます。 会員登録やアプリのインストールは一切不要で、いつでもすぐに使えます。