颜色对比度检查

比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。

比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。

选项

仅接受不透明 sRGB HEX。以未舍入的 WCAG 2 亮度比判断 AA/AAA 普通/大号文字阈值,显示舍入数值不能改变通过结果。不审计整页、图片、字体渲染或 WCAG 3/APCA。

使用说明

颜色对比度检查

比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。

操作步骤

  1. 选择受支持的输入或载入示例,并核对原稿。
  2. 比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。
  3. 运行任务、核对实际结果,再复制或下载已检查的副本。

参数怎么选

选项取舍与影响
选项比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。
Limits仅接受不透明 sRGB HEX。以未舍入的 WCAG 2 亮度比判断 AA/AAA 普通/大号文字阈值,显示舍入数值不能改变通过结果。不审计整页、图片、字体渲染或 WCAG 3/APCA。

示例与预期结果

#000000 与 #ffffff 的对比度为 21:1,交换前后景数值相同;普通文字 AA 须至少 4.5:1。

失败后怎么办

  • 请使用两个不透明 HEX 颜色。带透明度须有已知合成背景,此处不接受。

格式与限制

仅接受不透明 sRGB HEX。以未舍入的 WCAG 2 亮度比判断 AA/AAA 普通/大号文字阈值,显示舍入数值不能改变通过结果。不审计整页、图片、字体渲染或 WCAG 3/APCA。

常问问题

这个工具可以做什么?

比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。

应该如何选择选项?

比较两个不透明 sRGB 颜色,显示 WCAG 2 对比度与文字预览。 从显示的默认设置开始,只调整完成任务需要的选项,并对照原稿核对结果。

有哪些限制?

仅接受不透明 sRGB HEX。以未舍入的 WCAG 2 亮度比判断 AA/AAA 普通/大号文字阈值,显示舍入数值不能改变通过结果。不审计整页、图片、字体渲染或 WCAG 3/APCA。

处理为什么失败?

请使用两个不透明 HEX 颜色。带透明度须有已知合成背景,此处不接受。

输入会被上传或保存吗?

不会。处理在你的设备上进行;输入与结果只保留在此页面的内存中,直到清空或离开。ToolRobin 不会上传、记录或存储它们。复制会把结果放入设备剪贴板。