颜色对比度检测
确保每个人都能轻松读懂你的文字，不达标时还能获得修正建议。
已封存在本设备上
在浏览器中运行，不上传任何内容。
已封存
颜色
- 对比度
- 普通文字
- AA · 4.5:1
- AAA · 7:1
- 大号文字
- AA · 3:1
- AAA · 4.5:1
- 界面元素和图标
- AA · 3:1
- APCA 对比度（仅供参考）
APCA 是一种较新的方法，正在为未来的无障碍指南进行研究。目前的参考标准仍是 WCAG 2.2。
预览
大号文字看起来是这样
普通文字应当让每个人都能轻松阅读，包括视力较弱的人、在强烈阳光下用手机的人，或者使用旧屏幕的人。
小字和图片说明最需要足够的对比度。
修正建议
使用方法
-
输入两种颜色
输入或选择文字颜色和背景颜色。任何格式都可以：HEX、RGB、HSL 或 CSS 颜色名。
-
查看结果
查看对比度，以及普通文字、大号文字和界面元素是否通过 WCAG 2.2 AA 和 AAA。
-
必要时应用修正
如果某个级别未通过，就使用建议的颜色：它是色相相同、能够达标的最接近颜色。
常见问题
需要多高的对比度？
WCAG 2.2 AA 级要求普通文字至少 4.5:1，大号文字至少 3:1。AAA 级要求 7:1 和 4.5:1。图标、输入框边框等界面元素与相邻颜色之间至少需要 3:1。
什么算大号文字？
至少 18 磅（24 CSS 像素）的文字，或者至少 14 磅（约 18.7 CSS 像素）的粗体文字。更小的都算普通文字。
4.49:1 已经很接近 4.5:1 了，为什么还是不通过？
WCAG 的阈值是严格的最低要求，对比度不能向上取整。所以本工具显示的对比度是向下取整的：看起来达标的数值，就是真正达标。
什么是 APCA？
APCA（Accessible Perceptual Contrast Algorithm，无障碍感知对比度算法）是一种较新的对比度测量方法，会考虑文字是浅底深字还是深底浅字。它正在为未来版本的指南进行研究。这里显示的 APCA 仅供参考：目前法规和审核要求以 WCAG 2 对比度为准。
建议的颜色是怎么选出来的？
工具会保留颜色的色相和鲜艳度，只在感知均匀的 OKLCH 色彩空间中调整明度，直到找到达标的最接近值。你的颜色看起来还是原来的样子，只是稍浅或稍深一点。
支持半透明颜色吗？
文字颜色支持：半透明的文字颜色会先与背景混合，因为那才是人们实际看到的颜色。背景按不透明处理。