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

WCAGカラーコントラストのアクセシビリティを確認

前景色と背景色を16進数形式で入力すると、WCAG 2.1の相対輝度の公式を使ってコントラスト比が即座に計算されます。ツールはアクセシビリティの4つのチェックポイント（通常テキストと大きなテキスト・UIコンポーネントそれぞれのAAとAAA）について合否を表示します。カラーピッカーで視覚的に選択するか、値を直接入力してください。

WCAGは3つの適合レベルを定義しています。レベルAAはほとんどのウェブサイトの標準要件で、通常テキストに4.5:1以上、大きなテキスト（18ptまたは14pt太字）に3:1以上を必要とします。レベルAAAは強化されたstandard であり、それぞれ7:1と4.5:1を必要とします。最大可能比率は21:1で、白地に黒で達成されます。

よくある質問

大きなテキストとは何ですか？ WCAGでは、通常ウェイトで18pt（24px）以上、または太字で14pt（約18.67px）以上のテキストを大きなテキストと定義しています。

アルファ透明度はサポートされていますか？ いいえ。ツールは完全に不透明な16進数カラーで動作します。半透明カラーの場合は、まず背景と合成してください。