Contrast Ratio

色彩对比度在线演示页面

Contrast Ratio,色彩对比度,文本颜色与背景颜色的对比差异,良好的对比度对色弱用户拥有极大的帮助。

Web Content Accessibility Guidelines (WCAG) 中规定,针对 AA 级别,对比度需大于 4.5:1,大号字体对比度需大于 3:1。针对 AAA 级别,对比度需大于 7:1,大号字体需大于 4.5:1。

根据 WCAG 规范,其计算公式为 (L1 + 0.05) / (L2 + 0.05),L1/L2 为二者的明亮度(Luminance)。以下为实时计算公式

(0.9547598590513481 + 0.05) / (0.24498416588930616 + 0.05) = 3.406148448755679

R
G
B
A
AaAA Large
3.406148448755679
R
G
B
A