正在加载工具...
📖 WCAG 颜色对比度使用教程
1
选前景色
用取色器或直接输入十六进制值，指定文字颜色。
2
选背景色
同样方式指定底色。
3
看比值与判定
显示对比度比值，以及普通文本 AA / AAA、大号文本 AA 是否通过。
4
边调边看
改任一颜色，预览区与判定结果会立即刷新。
🎯 为什么选择 NBTools 在线WCAG 颜色对比度？
按 WCAG 2.1 计算
采用相对亮度公式得出客观比值，不靠肉眼估计。
三档一起判
普通文本 AA / AAA 与大号文本 AA 同时给出结论。
实时预览
改色即时看到实际文字效果，便于快速试色。
本地计算
颜色值在浏览器本地换算，不上传服务器。
❓ WCAG 颜色对比度常见问题
普通文本 AA 需达到 4.5:1、AAA 需达到 7:1；大号文本（18pt 以上或 14pt 加粗）AA 需达到 3:1。工具按 WCAG 2.1 相对亮度公式计算。
支持 3 位与 6 位十六进制颜色（如 #1f2937），可直接使用取色器选择，也可手动输入。