コントラストチェッカー

WCAG準拠のための色のコントラストをチェック

テキストの色

背景色

コントラスト

8.42

非常に良い
  • 小さなテキスト

    WCAG AA

    合格
  • 大きなテキスト

    WCAG AA

    合格
  • 小さなテキスト

    WCAG AAA

    合格
  • 大きなテキスト

    WCAG AAA

    合格

色覚異常シミュレーション

第一色盲7.9
第二色盲7.9
第三色盲7.9
全色盲8.6

情報:
小さなテキスト: 18pt未満。大きなテキスト: 18pt以上、または太字14pt以上。

明るい背景

引用 n. 26

ゲオルク・クリストフ・リヒテンベルク

暗い背景

引用 n. 26

ゲオルク・クリストフ・リヒテンベルク

小さなテキスト

大きなテキスト

Check a whole palette

Paste hex colours (comma or space separated) to check every pair at once.

コントラスト比の歴史

WCAGとアクセシビリティ基準の理解

WCAG基準

Webコンテンツアクセシビリティガイドライン(WCAG)は、World Wide Web Consortium(W3C)によって開発され、障害を持つ人々にとってWebコンテンツをよりアクセシブルにするためのものです。コントラスト比の要件は、視覚障害を持つユーザーにとってテキストが読みやすくなるように導入されました。

発展

WCAG 1.0は1999年に公開され、最初のコントラスト比要件を確立しました。WCAG 2.0(2008)は、より正確な式でこれらの基準を改良しました。WCAG 2.1(2018)は追加の成功基準を追加しました。現在のコントラスト比の式は、人間の視覚知覚と色彩科学の研究に基づいて開発されました。

なぜ重要か

適切なコントラスト比により、色覚異常、弱視、または明るい日光の下でコンテンツを閲覧するユーザーを含め、すべての人にとってテキストが読みやすくなります。これにより、Webは世界中の何百万人ものユーザーにとってより包括的でアクセシブルになります。

式

コントラスト比は、色の相対輝度を使用して計算されます。1:1(コントラストなし)から21:1(最大コントラスト、白地に黒など)の範囲です。WCAG AAは通常のテキストに4.5:1、大きなテキストに3:1を要求します。WCAG AAAは通常のテキストに7:1、大きなテキストに4.5:1を要求します。