画像Processado no seu navegador
WCAG コントラストチェッカー
色のコントラストと WCAG AA/AAA 適合性をプレビュー・エクスポート付きで確認。
本日 0/3 回使用 · 残り 3 回。Proに移行して制限を解除しましょう。.
WCAG コントラストチェッカー
WCAG 2.1デバイス内処理ライブプレビューとアクセシブルなカラー提案による WCAG 2.1 準拠チェック。
アルゴリズム
前景色
前景を調整0
背景色
背景を調整0
ライブプレビュー
サンプルコンテンツ
この段落は、本文テキストでカラーペアを表示し、コントラストを視覚的に素早く確認するためのものです。
最高レベルのコントラストが必要な小さな補足テキスト。
結果
コントラスト診断
共有リンク
比率
9.7:1
レベル
AAA
通常テキスト
AA · 合格
AAA · 合格
大きいテキスト
AA · 合格
AAA · 合格
UI 要素
AA · 合格
APCA Lc
Lc
92.1
極性
暗いテキスト／明るい背景
バンド
高コントラスト
サイズ別判定（APCA Bronze/Silver）
キャプション 12px· 標準 · 最小 Lc 90
Bronze · 合格Silver · 不合格小本文 14px· 標準 · 最小 Lc 75
Bronze · 合格Silver · 合格本文 16px· 標準 · 最小 Lc 60
Bronze · 合格Silver · 合格サブ見出し 20px· 中字 · 最小 Lc 60
Bronze · 合格Silver · 合格見出し 32px· 太字 · 最小 Lc 45
Bronze · 合格Silver · 合格色覚異常シミュレーション
推定リーチ: 100%
正常
Aa
9.7:1AA 合格
人口の約 92.987%
2 型色覚（緑欠損）
Aa
16.1:1AA 合格
人口の約 6%
1 型色覚（赤欠損）
Aa
14.7:1AA 合格
人口の約 1%
3 型色覚（青欠損）
Aa
11.1:1AA 合格
人口の約 0.01%
全色盲
Aa
12.1:1AA 合格
人口の約 0.003%
アクセシブルな提案
現在の組み合わせはすでに AA を満たしています——提案は不要です。
保存したペア0 ペア
保存されたペアはまだありません。
§ 使い方
色のコントラストを確認する方法（WCAG）
WCAG AAおよびAAAに基づいてテキストと背景のコントラストを検証し、色覚シミュレーションも行います。すべてブラウザ内で処理されます。
色を選択する
カラーピッカーまたはHEX入力で前景色（テキスト）と背景色を設定します。
比率を確認する
コントラスト比と、通常テキスト・大きいテキストに対するWCAG AAおよびAAAの合否を確認します。
シミュレーションして調整する
色覚シミュレーションモードでプレビューし、コントラストが合格するまで色を微調整します。
関連
関連ツール
Da mesma categoria.
Max
AI背景除去ツール
あらゆる画像から背景を完璧に切り取って除去する人工知能。
Pro
魔法のカラーパレット
ベースカラーを入力すると、調和のとれたスキーム (類似、単色、補色) が即座に生成されます。
無料
ムードボード
画像 URL・hex パレット・キーワードをエクスポート可能なビジュアルグリッドに組み合わせ。
Pro
ミームジェネレーター
画像の上に太いストロークのテキストを追加して、古典的なインターネット ミームを作成します。
Pro
Instagramグリッドメーカー
写真を 3、6、または 9 枚に完全にカットして、磁気フィードを作成します。
無料
カラーエクストラクター
アップロードされた画像からカラー パレットを生成します。