开发工具

颜色与对比度

HEX、RGB、HSL 颜色格式转换，检查文字与背景的 WCAG 对比度，预览配色与可读性。

在浏览器内处理，本站不上传、不存储输入

颜色格式与文字对比度

输入 HEX 颜色，查看 RGB、HSL 和 WCAG 文字对比度。支持 #fff、#ffffff。

如何理解对比度结果

本工具按 WCAG 2.2 的 sRGB 相对亮度公式计算不透明颜色之间的文字对比度。AA 普通文字至少 4.5:1，大字号文字至少 3:1；AAA 分别至少 7:1、4.5:1。

WCAG 的大字号通常指至少 18 磅（约 24 CSS 像素），或至少 14 磅（约 18.67 CSS 像素）的粗体。页面预览的大标题为 24 像素。

通过这里的颜色检查不等于整个页面通过无障碍验收。字体粗细、透明度、渐变、背景图片、抗锯齿和实际显示设备仍会影响阅读。本工具不接受透明颜色。