Web Content Accessibility Guidelines.

AA: 4.5:1 normal text. AAA: 7:1 normal text.

Enter hex codes or use color picker.

Yes, completely free, no signup.

What is a good color contrast ratio?

A contrast ratio of at least 4.5:1 is required for normal text under WCAG AA standards. Large text (18pt+) needs 3:1. For AAA compliance, normal text requires 7:1 and large text 4.5:1.

Why is color contrast important for accessibility?

Poor contrast makes text unreadable for people with low vision, color blindness, or those viewing screens in bright sunlight. Good contrast ensures your content is accessible to everyone.

What does WCAG stand for?

WCAG stands for Web Content Accessibility Guidelines. It is the international standard for web accessibility, including color contrast requirements.

Does this tool work offline?

Yes. Once loaded, the tool works entirely in your browser with no internet connection needed.

← 戻る

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

テキストと背景の色が、通常のテキストと大きなテキストの WCAG 2.1 アクセシビリティ基準を満たしているかどうかを確認してください。デザイナーと開発者にとって必須です。

あなたのデータが当社のサーバーに送信されることはありません

文字の色

背景色

素早い茶色のキツネが怠惰な犬を飛び越えます。

—

通常テキストAA
(4.5:1)

—

通常のテキスト AAA
(7:1)

—

大きな文字AA
(3:1)

—

大きな文字AAA
(4.5:1)

WCAG 2.1 では、ラージテキストを 18pt (24px) または 14pt (18.66px) の太字として定義します。比率は各色の相対輝度から計算されます。

もっと詳しく知る

このツールに関する詳細なガイドをお読みください

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

関連ツール

ソーシャルメディアテキストフォーマッタ

画像圧縮器

ワードカウンター

もっと詳しく知る