颜色 · 让操作更简单
颜色对比度检查器
按 WCAG 2.2 AA 和 AAA 阈值检查文字与背景的对比度。指定不透明画布以处理透明颜色，预览普通或大号文字，并导出完整计算报告。
又称颜色对比度计算器 · 颜色对比度测试 · WCAG 对比度计算器 · 对比度检查器 · 颜色对比度检测工具
你的工作区在你的设备上处理
可用 CSS 颜色名、HEX、RGB/RGBA 或 HSL/HSLA。计算前，透明颜色会叠加在所选底色上。
9.60:1WCAG 2.2 对比度
| 用途 | 最低值 | 结果 |
|---|---|---|
| 普通文字 · AA | 4.5:1 | 通过 |
| 普通文字 · AAA | 7:1 | 通过 |
| 大号文字 · AA | 3:1 | 通过 |
| 大号文字 · AAA | 4.5:1 | 通过 |
| 必要界面与图形 · AA | 3:1 | 通过 |
通过与否按未四舍五入的比值判断。大号文字至少为 24 CSS px，粗体约为 18.67 CSS px。界面对比度取决于实际相邻颜色；仅检查这对颜色不能证明完全符合 WCAG。
让每个字都清晰易读。
预览使用普通文字标准。 合成背景色：#FFFFFF（显示值已取整）。
三个简单步骤。
- 输入 CSS 颜色名称、HEX、RGB 或 HSL 文字色和背景色。
- 选择透明区域后方的不透明画布，查看各项阈值结果。
- 预览文字、交换颜色，再复制或下载报告。
使用须知。
使用 sRGB 相对亮度和未舍入比值判断通过与否。大号文字至少为 24 CSS 像素，粗体约为 18.67 像素。仅检查纯色组合；渐变、图片、实际字体渲染、相邻界面颜色和完整无障碍合规需另行审核。
了解隐私保护 →常见问题。
为什么显示 4.50:1 仍可能不通过？
显示值保留两位小数；判断采用未舍入值。略低于 4.5 的比值仍无法达到普通文字 AA 阈值。
透明度如何影响结果？
先将背景合成到所选不透明画布上，再将文字合成到有效背景上计算对比度。更换画布可能改变结果。