WCAG 2.2 / Contrast tools
色の判断を、迷わず正確に。
テキスト、UI、画像背景のコントラストを、その場で確認できます。
コントラスト比17.40 : 1✓ 通常文字 AA・AAA 合格
WCAG 2.2 判定
大きなテキストの目安：通常の太さ 24px 以上／太字 18.66px 以上
リアルタイムプレビュー
ACCESSIBLE DESIGN SYSTEM
読みやすいデザインを、すべての人へ。
文字と背景のコントラストを確認し、より多くの人が利用しやすいWebページを制作しましょう。
詳しいガイドラインを確認する●画像スポイト
画像をクリックして色を取得。複数地点の最低比も確認できます。
画像をドロップ
クリックして選択、または Command / Ctrl + V画像を読み込むとピクセルを確認できます
測定地点
最近の履歴
お気に入り
WCAG 2.2 の基準と注意事項
コントラスト比は相対輝度から、明るい色と暗い色の比として計算します。グラデーションや写真の上では複数地点を測り、最も低い比を確認してください。透明度を含む色は背後の色によって結果が変わります。