1.00:1
コントラスト
Fail
非常に悪い
通常のテキスト
AA (4.5:1)
✖
AAA (7:1)
✖
大きなテキスト
AA (3:1)
✖
AAA (4.5:1)
✖
#FFFFFF
#ffffff
#FF69B4
#ff69b4
クイック修正
Aa
プレビューテキスト
素早い茶色の狐が怠けた犬を飛び越える
小さなテキストの例 (12px)
テキスト
#ffffff
背景
#ff69b4
WCAG基準
Level AA
通常のテキストの最小コントラスト比は 4.5:1、大きなテキストの最小コントラスト比は 3:1。ほとんどのウェブサイトで必須。
Level AAA
通常のテキストに対する強化されたコントラスト比は 7:1、 大きなテキストに対するのは4.5:1。最適なアクセシビリティのために推奨。
すべてのテキストサイズに対してコントラストが不十分です - WCAG基準に不適合です。
カラーコントラストチェッカー
テキストと背景色のコントラスト比を計算します。
テキストと背景色のためにカラー ピッカーを使用して色を選択するか、例えば #259 または #2596BE のような RGB 16 進形式で色を入力します。スライダーを調整して色を選択できます。Web Content Accessibility Guidelines (WCAG) には、視覚的なユーザーがテキストを読めるかどうかを判断するための具体的なガイドラインがあります。この基準は、特定のアルゴリズムを使用して色の組み合わせを比較可能な比率にマッピングします。この式を使用すると、WCAG は、テキストとその背景に対する 4.5:1 のカラーコントラスト比が、通常の（本文）テキスト、および大きなテキスト（18+ pt 通常または 14+ pt 太字）に適していることを示しています。
主な機能
- • リアルタイムのコントラスト比計算
- • WCAG AA & AAA適合性チェック
- • 微調整用HSLスライダー
- • 複数のプレビュー形式
高度なツール
- • 自動カラー修正
- • テキストと背景のサンプル
- • 色名検出
- • 結果のエクスポート