コントラストチェッカー

WCAG 2.1ガイドラインに対して色のコントラスト比を即座にチェックします。あなたのテキストが読みやすく、デザインがすべての人にとってアクセスしやすいことを確認してください。無料で使いやすいです。

How to Use

色覚異常のある人々（男性の約12人に1人、女性の200人に1人）や低視力の人々があなたのコンテンツを利用できるようにします。

良好なコントラストは、特に薄暗い画面や明るい日光の下で、すべての人の読みやすさを向上させます。

通常のテキストには4.5:1、大きなテキストには3:1が必要です。ほとんどのウェブサイトの標準的な目標です。

通常のテキストには7:1、大きなテキストには4.5:1が必要です。重度の視力喪失を持つユーザーのためにアクセシビリティを強化します。

このコントラストチェッカーは完全にあなたのブラウザで実行されます。私たちのサーバーにデータが送信されることはありません。

カラーコントラストとは何で、なぜ重要なのですか？

カラーコントラストは、前景の色とその背景との間の明るさの差です。高いコントラストは、視覚障害のある人々があなたのコンテンツを効果的に知覚できるようにします。

ロゴはこれらの基準を満たす必要がありますか？

いいえ、WCAGガイドラインは、ロゴやブランド名の一部であるテキスト、および純粋に装飾的なテキストには例外を設けています。

低いコントラスト比を修正するにはどうすればよいですか？

輝度の差を大きくします。明るい色をより明るくするか、暗い色をより暗くします。当社のライブプレビューを使用して実験してください。