コンテンツにスキップ

カラーアクセシビリティチェッカー

WCAG 2.1ガイドラインに対するカラーコントラスト比を確認。通常テキストと大きいテキストのAAおよびAAA準拠をテスト。無料、100%ブラウザで動作。

大きいテキストプレビュー(18pt以上)

通常の本文テキストプレビュー — 背景色に対する読みやすさを確認してください。

コントラスト比

WCAGカラーコントラストとは?

Web Content Accessibility Guidelines (WCAG) 2.1は、視覚障害のある方がテキストを読めるよう最小コントラスト比を定義しています。コントラスト比は1:1(コントラストなし)から21:1(最大、白地に黒)の範囲です。男性の約8%、女性の約0.5%が何らかの色覚異常を持っており、十分なコントラストはインクルーシブデザインに不可欠です。

WCAG適合レベル

AA — 通常テキスト:最小コントラスト比4.5:1(最も一般的な要件)。AA — 大きいテキスト:最小3:1(大きい = 18pt/24px通常または14pt/18.5px太字)。AAA — 通常テキスト:最小7:1(強化、本文テキストに推奨)。AAA — 大きいテキスト:最小4.5:1。ほとんどのアクセシビリティ法規制(ADA、Section 508、EN 301 549)はWCAG AAを最低要件として参照しています。

コントラスト比の計算方法

コントラスト比はsRGBカラーから導出された相対輝度値を使用します。各カラーチャンネル(R, G, B)は線形化されます:sRGB値 ≤ 0.04045の場合、12.92で除算、それ以外は((値 + 0.055) / 1.055)^2.4を計算。輝度 = 0.2126·R + 0.7152·G + 0.0722·B。コントラスト比 = (L1 + 0.05) / (L2 + 0.05)、L1は明るい色の輝度、L2は暗い色の輝度。

プライバシー

すべての計算はブラウザで100%実行されます。データはサーバーに送信されません。