精美调色板。验证对比度。一站式工作流。
输入品牌色。获取和谐调色板、所有 WCAG 对比度判定结果,以及适用于 CSS、Tailwind 和 Figma 的导出格式——全程无需离开页面。
套餐低至 $5/mo — 随时取消
生成配色方案
选择一个品牌色,ColorWell 自动生成其余配色。
邻近色
明度渐变(浅 → 深)
导出
下载设计令牌
专业版将完整调色板和明度渐变保存为即用型文件。
升级至 Pro 版以下载文件
对比度检查
从调色板中任选两种颜色,ColorWell 将显示 WCAG 合规判定。
判定结果: 不符合 WCAG
品牌调色板所需的一切
专为每日交付界面的在职设计师和前端团队打造。
和谐调色板
选择任意十六进制颜色。ColorWell 一键生成类似色、互补色、三角色和单色方案。
WCAG 对比度 — 即时检查
调色板中的每一对颜色都会针对正文、大号文本和 UI 组件获得 AA/AAA 对比度判定。
CSS、Tailwind、Figma 导出
一键导出为 CSS 变量、Tailwind 配置、原始 JSON 令牌或可直接粘贴的 Figma 样式。
品牌安全变体
提亮、加深和增加饱和度而不偏移色调。ColorWell 保持在感知色彩空间 (Oklch) 内。
命名令牌
自动命名如 "indigo-500" 或 "slate-700",使样式表对人类更易读,而非仅显示十六进制代码。
保存并同步调色板
您创建的每个调色板都归您所有 — 命名、添加标签、随时回访。Pro 版支持云同步。
三步搞定
从单一品牌色开始。以可用的样式表结束。
选择
输入十六进制值或使用颜色选择器。
生成
ColorWell 构建和谐调色板并执行所有对比度检查。
导出
复制 CSS、Tailwind 或 Figma 令牌 — 直接导入您的代码库。
简洁定价
选择方案,告别手动调整十六进制代码。
适合独立设计师
- 每月保存 100 组配色
- 无限次对比度检查
- 导出 CSS / Tailwind / JSON
- 品牌安全变体
适合品牌团队
- 每月保存 2000 组配色
- 导出 Figma 令牌
- 品牌套件(多配色项目)
- 云端同步库
- 优先支持
常见问题
需要安装任何东西吗?
不需要。ColorWell 完全在浏览器中运行——除非您选择同步,否则您的颜色数据始终保留在本地设备上。
使用哪种色彩空间?
ColorWell 底层采用 Oklch 色彩空间——变体保持在感知色彩空间内,确保提亮品牌色时色相不会偏移。
导出功能如何运作?
一键复制 CSS 变量、Tailwind 配置块、原始 JSON 或适用于 Figma 的样式到剪贴板。直接粘贴到您的代码或设计工具中即可。
有免费试用吗?
否——这是一款付费工具,套餐起价为每月 $5。入门版每月 $5,专业版每月 $15;您可以随时取消订阅。
如何取消订阅?
通过账户页面或发送邮件给我们即可取消。取消后下一次续费将停止——剩余时长仍可继续使用。