MarkKit Tool
颜色对比度检查:WCAG 4.5:1 / 3:1
输入文字色和背景色,计算 WCAG 对比度,判断正文/大字号是否达标;设计稿、网页、海报都能用。
#111827
#ffffff
示例文字 Sample 18px
等待计算…
怎么用:3 步
- 先取实际文字色/背景色,别取渐变、阴影或抗锯齿边缘。
- 算对比度:正文≥4.5:1,大字号≥3:1,AAA≥7:1。
- 把颜色带回真实尺寸/屏幕看一次,别只看数字。
常见错误
- 浅灰文字配白底,正文不达标。
- 只测标题大字号,正文很小却用 3:1。
- 取到抗锯齿边缘色,不是真实主色。
下一步
关于这个工具
颜色对比度:输入文字色/背景色,按 WCAG 相对亮度公式计算对比度;正文参考 4.5:1,大字号参考 3:1,AAA 7:1。
所有处理在浏览器本地完成,不上传服务器;刷新页面后数据不保留。