design / 可用工具

批量颜色对比度 WCAG 检查工具

同时检查多组前景色/背景色的 WCAG 对比度比值,显示 AA/AAA 等级评定和实时文本预览。

对比度WCAG无障碍

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

在线工具

批量对比度检查器

颜色配对

检查结果

使用场景

  • 设计系统颜色合规检查
  • 批量验证品牌色对比度
  • 无障碍设计审核

如何使用

  1. 1. 添加颜色配对
  2. 2. 查看对比度比值和 WCAG 等级
  3. 3. 调整不通过的颜色

示例输入输出

配对

#1a1a1a on #ffffff

结果

21:1(AAA 通过)

FAQ

WCAG AA 和 AAA 的区别?

AA 要求对比度至少 4.5:1(普通文字),AAA 要求至少 7:1。大字(18px 以上)AA 要求 3:1。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

色彩和谐搭配器

色彩和谐搭配与配色方案生成工具

可用

选定基准色后,按互补色、类似色、三角配色等经典色彩理论自动生成和谐配色方案,并提供实时 UI 预览。

配色 设计 色彩

颜色转换

HEX / RGB / HSL 颜色转换工具

可用

快速在 HEX、RGB、HSL 之间互转,适合设计与前端开发场景。

Color HEX RGB