👁 1つのツールキットで あらゆるデザイン作業を

コントラストチェッカー

Verify WCAG AA/AAA compliance for text and background colors. Get instant accessibility ratings.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

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

カラーコントラストチェッカーガイド

色のコントラストは、テキストとその背景の輝度の差です。コントラストが優れているため、視覚障害を持つユーザーを含むすべてのユーザーが読みやすくなります。

文字色と背景色を入力します。このツールはコントラスト比を計算し、WCAG AA (最小) または AAA (拡張) 標準に合格するかどうかを示します。

Pro Tips

FAQ

Q: WCAGとは何ですか?

WCAGとは何ですか? WCAG (Web コンテンツ アクセシビリティ ガイドライン) は、Web アクセシビリティの国際標準です。

Q: コントラスト比はどれくらいが良いのでしょうか?通常のテキスト (AA) の場合は...

コントラスト比はどれくらいが良いのでしょうか?通常のテキスト (AA) の場合は 4.5:1、ラージ テキスト (AA) の場合は 3:1、拡張テキスト (AAA) の場合は 7:1。