#e30b5c 背景上的 #dc143c 文字:对比度检测
同时用 WCAG 2 和 APCA 检测文字与背景的对比度,一键修正。
识别为 HEX
识别为 HEX
大标题
这是正常阅读字号的正文。页面上大部分文字都是这样排版的,所以最需要足够的对比度。
小字、图注和提示
按钮难以阅读
对比度太低,连大标题都不够。请更换其中一种颜色,或使用下方的修正方案。
1.06:1
- AA · 普通文字未通过
- AA · 大号文字未通过
- AAA · 普通文字未通过
- AAA · 大号文字未通过
Lc 0.0
太低,不适合任何文字
版本 APCA-W3 0.1.9。APCA 是 WCAG 3 的候选算法,仅供参考。
修正对比度
能通过检测的最接近颜色。只调整亮度,色相保持不变。
| 调整文字 | 调整背景 | |
|---|---|---|
| WCAG AA 4.5:1 | #fff9f8 | #ffeff3 |
| WCAG AAA 7:1 | 仅调整亮度无法达到。 | 仅调整亮度无法达到。 |
| APCA Lc 75 | #ffffff | 仅调整亮度无法达到。 |