输入两种纯色
使用 HEX 代码或取色器选择前景色和背景色。
WCAG 颜色对比度检查：文字与背景比率
根据 WCAG AA 和 AAA 比率检查文字与背景的颜色对比度。预览普通和大号文字、交换颜色并复制结果。
免费使用，无需注册、无水印。文字与背景预览
清晰的表达，始于易读的文字。
检查文字与背景的颜色对比度
请使用不透明的 HEX 颜色。对于渐变或照片，请检查文字正后方的背景颜色。
对比度21.00:1
预览使用大号文字：AA 通过，AAA 通过。
普通文字，AA通过要求 4.5:1
普通文字，AAA通过要求 7:1
大号文字，AA通过要求 3:1
大号文字，AAA通过要求 4.5:1
大号文字指至少 24px 的常规字重，或至少 18.67px 的粗体。是否通过依据未舍入的对比度判断，显示值保留两位小数。
依据 WCAG 2.2 最低对比度 及 增强对比度。此工具检查一对纯色的对比度，不会审核整个页面。
普通和大号文字的 AA 与 AAA 颜色对比度检查
在图片、演示文稿或网站中使用颜色前，检查文字在纯色背景上是否清晰。此工具根据 sRGB 颜色计算相对亮度，并使用未四舍五入的比率与 WCAG AA 和 AAA 阈值比较。预览示例文字，调整两种颜色，并复制结果用于设计记录。颜色对比度只是无障碍的一部分；它不会评估整张页面，也不能保证照片或渐变背景上的可读性。请用此工具检查两种纯色的文字与背景；单一比率无法证明渐变或照片每个位置都清晰。
对比度检查的使用场景
为纯色图片或横幅选择清晰的文字颜色。
比较网站文字的前景与背景颜色。
为设计交接记录 AA 和 AAA 对比度结果。
如何检查 WCAG AA 和 AAA 文字颜色对比度
检查器比较两种不透明 sRGB 颜色。对比度只是评估文字可读性的一部分，不能替代整页或所有背景的审查。
分别输入文字和背景的 HEX 值
前景填写文字颜色，背景填写文字后方表面颜色。交换两者不会改变比值，但视觉设计会改变。纯黑与纯白为 21:1，同色为 1:1，可用来核对输入。
使用正确的文字尺寸阈值
普通文字达到 AA 需要 4.5:1，AAA 需要 7:1；大字对应 3:1 和 4.5:1。本工具将常规字重的 24 CSS 像素，或粗体约 18.67 像素视为大字。显示比值的四舍五入不改变底层通过判定。
检查真实背景
照片、渐变或半透明图层应确定文字下方的实际背景，并检查相关区域。单组纯色无法证明所有位置通过。预览可能刻意展示低对比组合；调整颜色后，还应检查完整布局，包括悬停和焦点状态。
如何使用免费的对比度检查工具
查看 AA 和 AAA 结果
将计算出的对比度与普通文字、大号文字的阈值比较，并查看文字预览。
调整并复用
修改或交换颜色以改善对比度，再复制颜色、CSS 或检查结果用于项目。
对比度检查：常见问题解答
下载前需要了解的信息。
普通文字需要什么对比度？
WCAG AA 要求普通文字至少 4.5:1，大号文字至少 3:1。AAA 要求普通文字至少 7:1，大号文字至少 4.5:1。结果使用显示取整前的完整比率判断。
对比度测试中的大号文字如何定义？
WCAG 将大号文字定义为至少 18 磅（24 CSS 像素），或粗体至少 14 磅（约 18.67 CSS 像素）。字体的其他特征仍会影响实际可读性。
可以检查渐变或照片背景吗？
本工具比较两种不透明纯色。渐变或照片在每个字母后方的颜色可能不同，因此应检查对比度最低的区域，或在文字后方添加纯色面板。
从一张图片，开始下一次创作
给下一条动态定个底色，为屏幕换种心情，或为演示准备一张封面。选个场景，现在就开始。