カラーコントラスト判定

背景色と文字色の組み合わせが WCAG 基準を満たすか、リアルタイムで判定します

カラー

読みやすさのプレビュー

本文サイズの文字(14〜16px)でも問題なく読めるか、実際の組み合わせで確認できます。

– : 1
通常テキスト AA(4.5:1)
通常テキスト AAA(7:1)
大きいテキスト AA(3:1)
大きいテキスト AAA(4.5:1)
UI コンポーネント(3:1)