对比度检查与色盲模拟

检查文字与背景的色彩对比度是否符合 WCAG 标准,并模拟色盲视角下的显示效果。

颜色设置

WCAG 对比度评分

21.00

对比度比率

普通文字
AA (4.5:1)
AAA (7.0:1)
大号文字 (18pt+)
AA (3.0:1)
AAA (4.5:1)

预览效果 (Preview)

这是一段普通大小的文本。良好的对比度可以提高可读性,特别是对于视力受损的用户。

这是一段较小的文本,可能需要更高的对比度才能清晰阅读。

色盲模拟预览

正常视觉

No color blindness

红色盲

Protanopia (Red-blind)

绿色盲

Deuteranopia (Green-blind)

蓝色盲

Tritanopia (Blue-blind)

全色盲

Achromatopsia (Mono)