是否似曾相识？
未通过对比度测试的调色板算不上品牌标识，而是一张返工工单。
调色板在审核中未通过对比度测试
在情绪板上看起来很棒的颜色，在第一次无障碍审核时就未能通过 AA 级标准。
逐对手动检查
计算每种前景色和背景色组合的对比度会耗费一整下午的时间，而且依然容易遗漏。
Token 仅停留在截图里
开发人员收到一张色板 PNG 截图，不得不手动重新输入 Hex 色号。
从品牌创意到无障碍 Token
生成、根据 WCAG 标准进行验证，并导出为您的代码已在使用的格式。
调色板生成器
搭建具备实时色板的语义化调色板——移动端响应式网格换行，桌面端侧边栏操控。
WCAG 对比度检查工具
为每组颜色提供通过/未通过标识，切实体验无障碍。在发布前满足 AA 和 AAA 级标准。
导出与共享
复制 CSS 变量、JSON Token 或 Tailwind 配置片段。与您的团队共享只读品牌页面。
AI 承担繁重工作——一切尽在您的掌控中
产品内置经核实的 AI 辅助功能。所有输出均由您进行审查和批准。
根据描述生成 AI 调色板
描述所需氛围——Gemini 将提供子供您微调的调色板建议。
根据网站 URL 生成 AI 调色板
提供网站链接——Perplexity 辅助建议将从实时页面提取色彩灵感。
完全掌控的品牌套件
保留合适的，丢弃其余的——AI 绝不会替您直接发布套件。
套件翻译
付费计划中的 AI 自由文本翻译功能可帮助您本地化套件文案。
AI 辅助输出仅供参考。由您决定最终交付内容。不保证具体成果。
只需三步，交付合规色彩
无需复杂的无障碍表格。
- 1
描述您的品牌
获取 AI 调色板建议，并通过实时色板构建语义化色彩。
- 2
验证对比度
在编辑时，实时获取每组颜色对照 AA 和 AAA 标准的通过或未通过标识。
- 3
导出 Token
直接将 CSS 变量、JSON Token 或 Tailwind 配置片段复制到您的项目中。
直观了解品牌套件的生成过程
一分钟演示 — 从灵感氛围到可交付的 Token，提供您所在语言的字幕。
无障碍品牌实用指南 — $1.99
挑选能通过无障碍审核的品牌色彩
一份 10 页的实操指南，涵盖语义化调色板、WCAG 对比度以及开发者可直接使用的 Token。
一次性支付 $1.99。即时 PDF 下载。无需订阅，无需注册账号。
- 共 8 章：问题剖析、实战最佳实践及基本法则
- 正反调色板案例对比
- 从品牌描述到导出 Token 的带注解全流程演练
- 立即提供所有 25 种语言版本
简单透明的价格
免费开始使用。需要共享链接和 PDF 导出功能时再升级。
免费版
开始构建您的品牌系统。
$0/月
- 每月 5 次导出
- 调色板生成器
- 对比度检查工具
专业版
最受欢迎无限套件与高级导出。
$12/月
- 无限品牌套件
- 可共享的品牌页面
- 品牌指南 PDF
工作室版
适用于管理多个品牌系统的设计团队。
$29/月
- 包含专业版的所有功能
- 工作室级导出工作流
免费开始。无需信用卡，付费计划可随时取消。
常见问题
设计师和开发者最常询问的问题。
免费计划包含哪些内容？
包含调色板生成器、WCAG 对比度检查工具以及每月 5 次导出——无需信用卡。专业版另外提供无限套件、共享页面和品牌指南 PDF。
你们检查哪种对比度标准？
每组颜色都会对照 WCAG AA 和 AAA 阈值进行检查，每种组合都会显示通过或未通过标识。
开发者可以直接使用输出内容吗？
是的——可导出 CSS 自定义属性、JSON Token 或 Tailwind 配置片段。无需看着截图重新输入。
我可以与团队或客户共享品牌套件吗？
专业版可以发布可通过链接共享的只读品牌页面，并提供品牌指南 PDF。
会被平台绑定吗？
不会。您的 Token 会以开放格式导出，并且 Stripe 结算可以随时取消。