配色のコントラスト確認

使い方

1. 6 桁のカラーコードを 2 つ入力します。
2. 「コントラストを確認」で比率と基準を表示します。
3. プレビューを見て、実際のデザインでも読みやすさを確認します。

このツールについて

文字色と背景色を入力すると、コントラスト比と一般的な WCAG の文字基準への適合状況を確認できます。

よくある質問

大きな文字とは？

WCAG の確認では通常の文字で 18 pt 以上、太字で 14 pt 以上です。実際の画面でも利用者と支援技術による確認を行ってください。

どんなときに使う？

ソフトをインストールせずに、同じ作業を手早く行いたいときに便利です。重要な用途では、結果を確認してから利用してください。