使用方法: 颜色对比度检查器(WCAG)
颜色对比度检查器(WCAG) 是一款免费在线颜色工具工具,可在浏览器中即时verify text contrast ratios against WCAG AA/AAA。粘贴数据、调整选项即可实时获得结果——无需安装、无需注册,任何数据都不会上传到服务器。
说明
Verify text contrast ratios against WCAG AA/AAA.
- 颜色工具
- 由于全部计算都在客户端完成,使用 API 密钥、令牌或私有日志等敏感数据处理时,颜色对比度检查器(WCAG) 同样安全。
使用方法
使用 颜色对比度检查器(WCAG) 只需三步:
- 将数据粘贴到输入框(或载入示例)。
- 根据目标格式或使用场景调整选项。
- 复制、下载或查看输出——输入时结果实时更新。
运行
示例
Against #ffffff background.
输入
#777777
输出
#777777 on #ffffff Contrast ratio: 4.48:1 WCAG 2.1: AA normal text (≥4.5): ✗ FAIL AA large text (≥3): ✓ PASS AAA normal text (≥7): ✗ FAIL AAA large text (≥4.5): ✗ FAIL UI components (≥3): ✓ PASS Verdict: Large text only (AA)
此输出由工具真实运行产生,并非人工编写。
使用场景
颜色对比度检查器(WCAG) 常见的使用场景:
- Verify text contrast ratios against WCAG AA/AAA.
参数说明
此工具没有可配置参数,直接对输入内容生效。
常见问题
什么是 Color Contrast Checker (WCAG)?
Color Contrast Checker (WCAG) 用于verify text contrast ratios against WCAG AA/AAA。它完全在浏览器内运行,数据保持私密。
Color Contrast Checker (WCAG) 可以免费使用吗?
可以。Color Contrast Checker (WCAG) 免费、无次数限制,无需注册或安装。
我的数据会被上传吗?
不会。所有处理都在本地浏览器完成,不会发送到任何服务器。
注意事项
- 全部计算在浏览器端完成,因此超大输入受限于标签页内存,而非服务器上传限制。
相关工具
十六进制颜色选择器Interactive picker with HEX, RGB and HSL output.颜色 Code 转换器Convert between HEX, RGB, HSL and named colors.颜色调色板生成器Shades, tints and complementary schemes from one color.随机颜色生成器Batch random colors with copyable codes.CSS 命名颜色参考表All 148 CSS color names with codes and previews.颜色混色器Blend two colours in sRGB, HSL or perceptual CIE Lab and generate a ramp with contrast ratios.