颜色对比度检测
输入文字颜色与背景颜色,按 WCAG 标准算出对比度比值,判断是否满足正文与大字的 AA / AAA 无障碍要求, 并实时预览实际观感。计算全部在浏览器本地完成。
对比度(WCAG)
—
正文示例文字:无障碍不只是标准,更是让每个人都能看清内容。
大字号标题示例
小号辅助文字示例(12px),用于核对实际阅读体验。
使用说明
对比度按 WCAG 2.x 相对亮度公式计算,取值范围 1:1(同色,最差)到 21:1(黑白,最佳)。 无障碍等级要求:正文(小于 18pt / 14pt 粗体)AA 需 ≥ 4.5、AAA 需 ≥ 7;大字(不小于 18pt / 14pt 粗体)AA 需 ≥ 3、AAA 需 ≥ 4.5。 下方四项会分别给出「通过 / 不通过」,若正文 AA 不通过,建议加深文字色或调亮背景色。 需要把颜色转成 HEX / RGB / HSL 可用颜色格式转换; 想生成渐变色可用CSS 渐变生成器。