色のコントラストとは?
コントラスト比は、文字(前景)と背景の輝度差を 1:1(差なし)〜 21:1(黒と白)で表します。
このツールは色を sRGB に変換し、透明度を合成してから WCAG の相対輝度式で計算します。
WCAG の基準
- AA:通常文字は 4.5:1、大きな文字は 3:1。
- AAA:通常文字は 7:1、大きな文字は 4.5:1。
- 大きな文字は 18pt 以上、または 14pt 以上の太字。
- UI コンポーネント、アイコン、図形は少なくとも 3:1 を推奨。
高い比率ほど読みやすく、細いフォントや小さなサイズで特に有効です。