生成WCAG无障碍配色
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
Color Safe 是一个专注于 accessible web color combinations 的在线工具，核心目标是帮助设计师基于 WCAG Guidelines 的文本与背景对比度要求，选择兼顾美观与可读性的网页配色。它面向的不是泛用色卡灵感，而是明确服务于无障碍可访问性设计，尤其适合需要保证不同视觉能力用户都能阅读内容的网页与产品界面。
工具允许用户设置 Background Color、Font-Family、Font-Size、Font-Weight，并依据这些条件生成可用文本颜色。页面会展示当前颜色的 HEX、RGB、Current Ratio、Pass/Fail 以及目标 Goal Ratio。它支持 WCAG AA 与 AAA 层级，并提示多数情况下 AA 已足够，但部分公司和政府机构可能需要达到 AAA。对于想获得更多颜色选项的用户，工具会提示降低到 AA、增大字号到 24px 或加粗，使文本满足 Large Text 条件。
抓取正文未提及订阅、付费墙或商业版本，页面表现为可直接使用的免费工具。授权与版权方面，仅说明该工具由 Donielle Berg 与 Adrian Rapp 制作，并欢迎反馈，但未说明生成色板的版权、商用授权或服务条款。协作方面也未看到账号、项目保存、团队共享、评论审批等功能，因此更适合个人即时检查，而非团队级设计系统管理。
优点是标准明确、操作直观，直接围绕 WCAG 对比度展开，能够把背景色、字号、字重这些真实设计变量纳入判断；HEX/RGB 可复制，也方便交给开发实现。缺点是功能较轻，没有资源库规模、批量导出、品牌色管理、Figma/Sketch 集成或 API 信息；它能解决“这组文字颜色是否可读”，但不能替代完整的配色系统、设计规范平台或视觉品牌工具。
Color Safe 适合 UI/UX 设计师、前端开发、产品团队以及需要满足 AA/AAA 可访问性要求的网站项目，尤其适合在设计早期快速筛选正文、按钮、导航等文本颜色。中国访问情况正文无法判断，标记为未知；若访问不稳定，可考虑 WebAIM Contrast Checker、Adobe Color、Coolors、Accessible Colors 或 Figma 内的对比度检查插件作为替代。
本测评基于公开资料整理,不构成购买建议,请以 colorsafe.co 官网实际信息为准。
免费设计工具，适合前端和设计师。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。