对比度检测工具
选择前景色和背景色，即可得到精确对比度、WCAG 通过情况和普通文本/大标题的实时预览。
免费 本地运行 无需注册
18.88: 1对比度
AA 普通文本: 通过 AA 大文本: 通过 AAA 普通文本: 通过 AAA 大文本: 通过
预览
预览
在浏览器里快速检查文字与背景的可读性。
预设
WCAG AA 要求普通文本 4.5:1，大文本 3:1。
使用方法
1
设置颜色
选择文字颜色和背景颜色，或粘贴 HEX 值。
2
查看比值
工具会显示对比度以及通过的 WCAG 等级。
3
调整到达标
修改颜色，徽章会实时更新。
为什么用它
WCAG AA 和 AAA
普通文本和大文本分别检测。
实时预览
同时查看正文和大标题的实际效果。
精确比值
使用 WCAG 相对亮度公式计算。
常见问题
需要达到多少对比度？
WCAG AA 要求普通文本 4.5:1、大文本 3:1；AAA 要求 7:1 和 4.5:1。
什么算大文本？
18pt（24px）常规字重，或 14pt（18.66px）粗体及以上。
会检测非文本对比度吗？
不会。本工具检测文字对比度；UI 组件有单独的 3:1 要求。
为什么和其他工具结果不同？
细微差异来自四舍五入。本工具使用 WCAG 相对亮度公式和 sRGB 通道计算。
会上传数据吗？
不会。颜色计算在浏览器本地完成，不会发送任何数据到服务器。
相关工具
颜色与设计 颜色转换工具 在线转换 HEX、RGB、HSL 和 HSV 颜色值，支持取色器和明暗色阶，方便复制到 CSS 和设计工具中使用。 图片工具 图片压缩工具 在线压缩 JPG、PNG 和 WebP 图片，可调节质量、按宽度缩放，并对比压缩前后的文件大小。图片只在浏览器本地处理，不会上传到服务器。 图片工具 Favicon 生成器 上传一张图片即可生成完整 favicon 套件：裁剪方形区域，输出 16–512 多尺寸 PNG、Apple Touch Icon、web manifest 和 HTML 代码，并打包成 zip 下载。 开发者工具 Base64 编码解码工具 在浏览器本地进行 Base64 编码与解码，完整支持 UTF-8 中文、emoji 和 URL 安全变体。免费、不上传、无需注册。 文本工具 大小写转换工具 在线转换大写、小写、标题格式、句首大写，以及 camelCase、PascalCase、snake_case、kebab-case 等编程命名格式。 文本工具 文本对比工具 在线比较两段文本，按行、单词或字符高亮新增、删除和未变化的内容。所有对比都在浏览器本地完成，不上传文本。
最后更新: