色のコントラスト確認
文字色と背景色がWCAGのアクセシビリティ基準を満たすか確認します。
Tools Here · 見本の文字
この見本は、選んだ2つの色に合わせてその場で変わります。だれでもはっきり読めるように、コントラストを確かめてください。
見本のボタン
コントラスト比
8.66
とても読みやすい
WCAG 2.1 との照合
本文の文字（AA）合格（8.7:1）
本文の文字（AAA）合格（8.7:1）
大きい文字（AA）合格（8.7:1）
大きい文字（AAA）合格（8.7:1）
画面の部品合格（8.7:1）
info
AA 基準
多くのサイトが目指す水準です。本文は4.5:1、大きい文字（18pt以上）は3:1が必要です。
verified
AAA 基準
もっとも厳しい水準です。本文は7:1、大きい文字は4.5:1です。
あなたの色
contrast
色を選んで［実行］を押すと、ここにたまります。