🎨 カラーコントラストチェッカー
WCAG 2.1のアクセシビリティ基準に基づいてテキストと背景色のコントラスト比を計算。AA/AAAレベルの適合状況を確認できます。
21.00:1
コントラスト比
WCAG 2.1 適合チェック
プレビュー
通常テキスト（16px）— The quick brown fox jumps over the lazy dog.
大きなテキスト（18px 太字）— アクセシビリティは重要です。
小さなテキスト（13px）— 小さい文字はより高いコントラストが必要です。
UIコンポーネント例