デザイン
コントラスト比チェック
WCAGのアクセシビリティ基準に沿って配色のコントラスト比を確認します。 お使いのデバイス上で動作します。アップロードも保存もありません。
色
前景色
背景色
コントラスト比
6.70:1
WCAG適合状況
Web Content Accessibility Guidelines 2.1
AA 通常サイズの文字適合
4.5:1 以上
AA 大きな文字適合
3:1 以上（18pt以上、または14pt以上の太字）
AAA 通常サイズの文字不適合
7:1 以上
AAA 大きな文字適合
4.5:1 以上
プレビュー
通常サイズの文字（16px）— いろはにほへと ちりぬるを わかよたれそ
大きな文字（24px 太字）— アクセシビリティは重要です
UIコンポーネントの例
プリセット
関連
コントラスト比チェック について
WCAGのアクセシビリティ基準に沿って配色のコントラスト比を確認します。
コントラスト比チェックは BrowseryTools の「デザイン・ビジュアル」カテゴリにある無料ツールです。処理はすべてブラウザ内で完結し、渡した内容はお使いの端末で処理されます。サーバーにアップロードされることはありません。登録も広告もウォーターマークもなく、ページの読み込みが終われば接続がなくても使い続けられます。