Toolipedia 埋め込み
JA
← すべてのテキストツール

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

文字色と背景色をWCAG AA/AAAの基準でチェックし、基準を満たす最も近い色を提案します。

  • 無料
  • 登録不要
  • どの端末でも使える

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

テキストと背景の組み合わせを、WCAGのコントラスト比でテストします。通常のテキストはAAで4.5:1以上、AAAで7:1以上、大きなテキストはAAで3:1以上が必要です。組み合わせが基準を満たさない場合は、基準を満たす最も近い色を提案するので、見た目を保ちながら読みやすさを高められます。

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

  1. テキストの色と背景色を入力してください。
  2. コントラスト比と、AAおよびAAAの結果を確認してください。
  3. 合格する、提案された最も近い色を使ってください。

このツールを使う理由

別名

よくある質問

WCAG AAではどのコントラスト比が必要ですか?

通常のテキストは4.5対1、大きなテキストは3対1で、大きなテキストとは18ポイント、または太字の14ポイント以上を指します。

大きなテキストは、要件が低くなりますか?

はい。WCAGでは、大きなテキストは読みやすいため、より低い比率を許容しています。ツールは、通常のテキストと大きなテキストの両方の結果を表示します。

ルールは、ロゴや装飾にも適用されますか?

WCAGのテキストコントラストの規則は、通常、ロゴや純粋に装飾的なテキストを対象としません。人が読む必要のあるテキストに適用されます。

カラーコントラストチェッカーは無料ですか？

はい。Toolipediaのカラーコントラストチェッカーは無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

カラーコントラストチェッカー を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール