ツール

コントラストチェッカー

背景色とテキスト色のコントラスト比を確認して、選択した配色ができる限り認識しやすいことを確認してください。

WCAG 2.1 レベル
テキストカラー
背景色
コントラスト比
3.84 : 1
プレビュー

通常のテキスト

カラーのコントラストを上げると、あらゆる文字が読みやすくなります

不合格17 pt 以下の場合

大きなテキスト

カラーのコントラストを上げると、あらゆる文字が読みやすくなります

合格 18 pt 以上の場合 / 14 pt 以上の場合

グラフィックコンポーネント

合格 アイコンとアクションを促すグラフィックの場合

アドビのコントラストチェッカーを使用して、可能な限りインクルーシブなデザインを作成

このツールを使用すると、テキストと背景色の組み合わせのコントラスト比が Web Content Accessibility Guidelines (WCAG) の標準規格を満たしていることをすばやく検証できます。

前景色と背景色を入力することで、コントラスト比を即座に評価できます。