WCAGカラーコントラスト比チェッカー
テキストと背景色のコントラスト比を計算し、Webアクセシビリティ基準（AA / AAA）の適合を判定。
Live Typography Contrast Preview
This paragraph displays regular 16px body copy styled directly with your selected foreground and background colors. Check the WCAG badges below to verify whether this color combination meets accessibility requirements for government and enterprise sites.
使い方・操作ガイド WCAGカラーコントラスト比チェッカー
1. 画像ファイルの選択またはドロップ
処理したい画像ファイルをブラウザ上にドラッグ＆ドロップまたは選択します。
2. クライアント側での高速画像処理
CanvasおよびWebAssembly技術により、画像データを外部送信することなくローカルで変換・圧縮します。
3. 最適化画像のダウンロード
変換・圧縮された画像を瞬時にダウンロードしてWebサイトやアプリで活用します。
このツールの仕組み
WCAG 2.1基準に基づき、通常テキスト・大きなテキスト・UI要素のコントラスト適合度を即座に判定。見やすい配色設計を支援します。
画像データはお使いの端末上のCanvas要素で処理されます。写真や画像ファイルが外部に送信されることはありません。
よくある質問
What is the minimum WCAG contrast ratio for normal text?
WCAG Level AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold). Level AAA requires 7:1 for normal text.
Does this calculate relative luminance accurately?
Yes, it implements the official W3C sRGB relative luminance formula to calculate exact mathematical contrast ratios.