配对
#1a1a1a on #ffffff
结果
21:1（AAA 通过）
设计配色
批量对比度检查 - WCAG 多组校验工具
一次检查多组前景色与背景色的 WCAG 对比度，显示 AA/AAA 等级与文本预览，适合设计系统配色验收、品牌色批量核验和无障碍审核。
对比度WCAG无障碍
设计配色
批量对比度检查
颜色配对
检查结果
添加颜色配对后显示批量对比度结果。
使用场景
- 设计系统颜色合规检查
- 批量验证品牌色对比度
- 无障碍设计审核
如何使用
- 添加多组前景/背景色配对
- 查看对比度比值与 WCAG 等级
- 调整未达标颜色后重新核对
示例输入输出
FAQ
WCAG AA 和 AAA 有什么区别？
AA 要求普通文字至少 4.5:1、大字 3:1；AAA 更严格，普通文字 7:1、大字 4.5:1。
和单组对比度检测有何不同？
本工具面向多组色对并行检查；单组工具更适合逐对细调单个前景与背景。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。
颜色对比度检测
颜色对比度检测 - WCAG AA/AAA 工具
按 WCAG 2.0 计算前景色与背景色的对比度，检查正文与大字在 AA/AAA 下是否达标，适合无障碍配色与前端可读性验收。
对比度 WCAG 无障碍
色彩和谐搭配
色彩和谐搭配 - 经典配色规则工具
选定基准色后，按互补、类似、三角、四角、分裂互补或单色系规则生成配色方案，提供 UI 预览与 CSS 变量，适合品牌与组件配色。
配色 色彩 和谐
颜色格式转换
颜色格式转换 - HEX RGB HSL 在线工具
在浏览器本地将颜色在 HEX、RGB、HSL、HWB、CMYK 与 CSS 变量之间转换，支持取色器与随机色，适合设计稿取色、写样式和对齐品牌色。
颜色 HEX RGB