カラーコントラスト判定
背景色と文字色の組み合わせが WCAG 基準を満たすか、リアルタイムで判定します
カラー
背景
#FFFFFF
文字
#4A4458
背景と文字を入れ替え
読みやすさのプレビュー
本文サイズの文字(14〜16px)でも問題なく読めるか、実際の組み合わせで確認できます。
– : 1
通常テキスト AA(4.5:1)
–
通常テキスト AAA(7:1)
–
大きいテキスト AA(3:1)
–
大きいテキスト AAA(4.5:1)
–
UI コンポーネント(3:1)
–