取色器与对比度检查
选择颜色并检查 WCAG 对比度。
WCAG 无障碍检查器与颜色格式转换器
通过实时比对全球 WCAG 2.1 标准检查色彩对比度,设计出更具包容性的网站。
如何使用颜色工具:
- 使用视觉界面选取颜色,或输入 HEX 代码。
- 查看适用于您的 CSS 文件的 RGB 转换。
- 检查 无障碍 卡片,看您的颜色是否通过了 AA 或 AAA 级别的对比度测试(即可读性测试)。
如何通过 WCAG 对比度测试?
对于普通文本,您需要至少 4.5:1 的对比度才能通过 AA 级。我们的工具为白底和黑底文本覆盖提供实时的“通过”或“不通过”等级,帮助设计师选择对每个人(包括视力受损的用户)都易于阅读的背景颜色。这是现代 SEO 和用户体验的关键因素。