生成无障碍配色
kontrast.dev 是一款面向 WCAG 可访问性配色的开发者/设计工具,核心目标是帮助用户生成满足 AA 或 AAA 对比度要求的前景色与背景色组合。它适合在界面设计、前端实现和设计系统维护中使用,尤其是处理正文、次级文字、按钮、仪表盘卡片等容易出现对比度不足的场景。
从抓取内容看,kontrast 支持输入 Foreground 与 Background 的 HEX 色值,并实时展示 Contrast Ratio。用户可以锁定某一颜色,再让工具调整另一颜色,以适配已有品牌色或视觉规范。WCAG 目标覆盖 AA Large ≥3.0、AA ≥4.5、AAA Large ≥4.5、AAA ≥7.0,符合常见网页无障碍检查需求。
算法方面,它提供 Auto-fix、Binary HSL、CIELAB L、Direct Luma、Annealing 等选项。Binary HSL 强调速度和色相稳定,CIELAB L 更重视感知层面的色相保持,Direct Luma 偏向最小改动,Annealing 允许在 LAB 空间进行色度适配。工具还提供 Brightness bias 和 Manual L* shift,可在更暗或更亮方向上微调结果。
抓取正文没有显示定价、支付方式、免费/付费限制,也未说明是否开源、是否支持自托管。API、SDK、CLI、Figma 或 VS Code 集成等开发者生态信息同样缺失。因此目前更适合按“在线单点工具”评估,而不是完整的平台型可访问性解决方案。
优点是定位非常明确,围绕 WCAG 颜色对比度这个高频问题提供可操作的修正流程;多算法选择对工程师和设计系统维护者有价值;真实 UI 预览比单纯数字比值更利于判断阅读体验。缺点是产品边界信息不足,未见团队协作、批量处理、导出、设计工具集成和文档体系说明,服务支持能力也难以判断。
它适合前端工程师、UI/UX 设计师、无障碍负责人和需要维护品牌色体系的产品团队。中国大陆访问情况抓取内容无法判断,标记为未知;若访问不稳定,可考虑 WebAIM Contrast Checker、Accessible Colors、Color.review 或 Figma 对比度插件作为替代。
本测评基于公开资料整理,不构成购买建议,请以 kontrast.dev 官网实际信息为准。
前端/设计师可快速调出AA/AAA合规配色。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。