design / 可用工具
同时检查多组前景色/背景色的 WCAG 对比度比值,显示 AA/AAA 等级评定和实时文本预览。
收藏工具
当前还没有选择收藏模式。
首次收藏时,请先选择保存方式
登录后可跨设备同步;如果暂时不登录,也可以先只保存在当前浏览器。
快捷操作
你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。
在线工具
颜色配对
检查结果
配对
#1a1a1a on #ffffff
结果
21:1(AAA 通过)
AA 要求对比度至少 4.5:1(普通文字),AAA 要求至少 7:1。大字(18px 以上)AA 要求 3:1。
工具列表
你可以从这里继续打开相近场景的工具,减少重复搜索。
色彩和谐搭配器
选定基准色后,按互补色、类似色、三角配色等经典色彩理论自动生成和谐配色方案,并提供实时 UI 预览。
颜色转换
快速在 HEX、RGB、HSL 之间互转,适合设计与前端开发场景。