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

カラーコントラストグリッド

パレット内のすべての文字色と背景色の組み合わせを、WCAG基準で一括チェックします。

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

約カラーコントラストグリッド

パレットを一度入力すると、すべての前景色と背景色の組み合わせのWCAGコントラスト比が、1つのグリッドで確認できます。通常のテキストはレベルAAで4.5対1以上、AAAで7対1以上が必要で、大きなテキストは3対1が必要です。組み合わせを1つずつ確認する手間が省けます。

カラーコントラストグリッドの使い方

  1. パレットの色を、リストに追加してください。
  2. グリッドを見て、各テキストと背景のペアのコントラスト比を確認してください。
  3. 必要なWCAGレベルに合格するペアを選んで、不合格のものは除外してください。

このツールを使う理由

別名

よくある質問

文字にはどのくらいのコントラスト比が必要ですか?

WCAG AAでは、通常のテキストで4.5対1、大きなテキストで3対1が必要です。レベルAAAでは、通常のテキストに7対1が求められます。

AAとAAAの違いは何ですか?

AAが通常の目標で、通常のテキストには4.5対1が必要です。AAAはより厳しく、7対1が必要です。大きなテキストは、両方のレベルで、しきい値が低くなります。

結果は、ボタンやアイコンにも適用されますか?

アイコンや入力の境界線などのインターフェース部分には、独自のWCAGのしきい値(3対1)があります。テキストのペアと同様に、それらも確認してください。

カラーコントラストグリッドは無料ですか？

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

安全に使えますか？

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

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

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

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

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

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

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

関連ツール