Adobe Color
作成
探索
トレンド
Lab
新規
ライブラリ
カラーホイール
テーマを抽出
グラデーションを抽出
アクセシビリティツール
ツール
コントラストチェッカー
コントラストチェッカー
背景色とテキスト色のコントラスト比を確認して、選択した配色ができる限り認識しやすいことを確認してください。
カラーの読み込み
WCAG 2.1 レベル
AA
テキストカラー
コントラストアナライザーの前景色用スライダー
背景色
コントラストアナライザーの背景色用スライダー
コントラスト比
3.84
: 1
プレビュー
通常のテキスト
カラーのコントラストを上げると、あらゆる文字が読みやすくなります
不合格
17 pt 以下の場合
大きなテキスト
カラーのコントラストを上げると、あらゆる文字が読みやすくなります
合格
18 pt 以上の場合 / 14 pt 以上の場合
グラフィックコンポーネント
合格
アイコンとアクションを促すグラフィックの場合
おすすめ
保存
コントラストの提案
T
適用
コントラスト比
5.0
:1
T
適用
コントラスト比
5.0
:1
T
適用
コントラスト比
6.0
:1
コントラスト比を設定
アドビのコントラストチェッカーを使用して、可能な限りインクルーシブなデザインを作成
このツールを使用すると、テキストと背景色の組み合わせのコントラスト比が Web Content Accessibility Guidelines (WCAG) の標準規格を満たしていることをすばやく検証できます。
前景色と背景色を入力することで、コントラスト比を即座に評価できます。
ライブラリに保存