tellogs.com

コントラスト比の比較と検討

コントラストチェッカー

コントラスト比は、明るい方の色の相対輝度と暗い方の色の相対輝度の比で計算されます。比の値が大きいほどコントラストが高く、テキストが読みやすくなります。21:1が理論上の最大値で、黒と白の組み合わせがこれに該当します。

コントラスト比の目安として、1:1は同じ色で区別不可能、3:1は大きなテキストの最低基準、4.5:1は通常テキストのAA基準、7:1はAAA基準となります。実務では、まずAA基準を目指し、可能な範囲でAAA基準を満たすのが理想的です。

複数の配色案を並べて比較する場合、当ツールで順番にテストすることで、最も適切な組み合わせを効率的に見つけられます。ブランドカラーの明るさや彩度を微調整しつつ、コントラスト基準を満たすポイントを探すという使い方もできます。ツール比較ページで、他のチェック方法との違いも確認できます。

コントラストチェッカーを使ってみましょう

このページの内容を、コントラストチェッカーで実際に試してみましょう。

コントラストチェッカーを開く