符合 WCAG 标准的颜色对比度计算器,用于无障碍检测
开发者工具
关于此工具
颜色对比度检查器计算前景色与背景色之间的对比度,并检查是否符合 WCAG AA 和 AAA 标准(普通文本和大号文本)。支持颜色选择器、十六进制输入、实时预览和一键交换颜色。
主要功能
- 实时计算颜色对比度
- WCAG AA 和 AAA 合规性检查(普通文本和大号文本)
- 颜色选择器和十六进制输入,精确选色
- 使用选定前景色和背景色的实时文本预览
- 一键交换前景色和背景色
- 所有处理在浏览器本地运行
使用场景
- 验证网站文本可读性,确保无障碍合规
- 为 UI 组件设计无障碍配色方案
- 对照 WCAG 指南审计现有设计
- 测试数据可视化和图表的配色组合
- 确保演示文稿符合无障碍标准
color
contrast
accessibility
wcag
常见问题
什么是颜色对比度检查器?
颜色对比度检查器是一款在线工具,计算两种颜色之间的对比度,并检查普通文本和大号文本的 WCAG AA 和 AAA 合规性。
它检查哪些 WCAG 级别?
工具检查四个 WCAG 合规级别:普通文本 AA(≥ 4.5:1)、大号文本 AA(≥ 3.0:1)、普通文本 AAA(≥ 7.0:1)和大号文本 AAA(≥ 4.5:1)。每个级别显示明确的通过或未通过结果。
如何使用对比度检查器?
只需选择或输入前景色和背景色的十六进制值,工具会即时计算对比度并显示 WCAG 合规标识。还可以一键交换两种颜色。
使用此工具时数据安全吗?
绝对安全。所有处理都在浏览器本地进行。不会将任何数据上传到服务器,确保您的信息完全私密和安全。
可以在手机上使用此工具吗?
可以。颜色对比度检查器完全响应式设计,支持智能手机、平板和桌面电脑等所有设备。