前景色 (文字)
RGB: 0, 0, 0
HSL: 0°, 0%, 0%
背景色
RGB: 255, 255, 255
HSL: 0°, 0%, 100%
实时预览
普通文本 Normal Text 常规大小
普通文本 (16px)大号文本 Large
大号文本 (18pt+ 或 14pt 粗体)UI 组件 / 图形
对比度结果
21:1
对比度比率
在线颜色对比度检查器,输入前景色和背景色计算对比度比值,检测是否符合 WCAG 2.1 AA/AAA 无障碍标准,浏览器本地运行、免费无需安装。
普通文本 Normal Text 常规大小
普通文本 (16px)大号文本 Large
大号文本 (18pt+ 或 14pt 粗体)先在输入区填写待处理内容,并检查当前选项;修改输入或使用页面控件后查看结果区域。
颜色观感会受周围背景、透明度、屏幕亮度与色彩管理影响。比较色值时应同时核对颜色空间和透明度,并在最终背景与目标设备上查看。
不能。文字可读性还取决于前景与背景的对比、字号和字重。应使用最终的文字颜色与背景颜色检查,不能只根据色卡或单独一个 HEX 值判断。
本页按「前景色 (文字)」、「背景色」、「实时预览」、「对比度结果」等区域组织内容。先完成当前操作,再检查对应区域及页面提示;未满足输入条件时,应先补齐数据,不要将占位值当作已完成的结果。
先用最小示例验证,再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。此页还使用浏览器本地存储保留内容或设置,共用设备上请在使用后检查保存的记录;清除站点数据会一并删除本地记录。使用分享或复制链接前,请检查链接中是否带有输入内容。
先检查输入内容是否完整,以及格式、单位和当前选项是否匹配。修改输入后,查看页面的结果或错误提示;可先用少量数据定位问题。