颜色格式转换
转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。
颜色对比度检查
检查文字与背景的 WCAG 2.2 对比度，实时预览并分别显示普通与大号文字的 AA、AAA 结果。
易读的文字，让内容更清晰。
普通文字 · Aa 123
对比度
按 WCAG 2.2 计算；透明背景叠加在白色画布上。
工具介绍
为按钮、正文或深浅主题选色时，应检查真正使用的前景背景组合。通过此项检查不代表整个页面已通过无障碍评估。
使用说明
输入或选择文字与背景颜色，预览和比值自动更新。普通文字 AA 要求 4.5:1、AAA 要求 7:1；大号文字分别要求 3:1 和 4.5:1。
大号文字指至少 24px，或粗体至少约 18.67px。透明背景先叠加到白色画布，再计算文字与背景对比度。此项检查只覆盖颜色对比，不代表整个页面通过无障碍评估。
常见问题
什么字号可以按“大号文字”检查？
一般指至少 24px，或粗体至少约 18.67px。普通文字 AA / AAA 为 4.5:1 / 7:1，大号文字为 3:1 / 4.5:1；半透明背景在这里先叠加到白色。
显示 4.5:1，为什么 AA 仍未通过？
显示比值四舍五入到小数点后两位，通过与否按未舍入数值判断。请继续提高对比度，直到对应检查项实际通过。
照片或渐变背景上的文字该怎样检查？
要分别检查文字后方的真实背景，尤其对比最弱的区域。本工具比较两个颜色，透明背景按叠加到白色处理，该假设需与你的页面一致。
相关工具
在新标签页打开
评论
0