CColorWell
获取 ColorWell
调色板 + 无障碍工具箱

精美调色板。验证对比度。一站式工作流。

输入品牌色。获取和谐调色板、所有 WCAG 对比度判定结果,以及适用于 CSS、Tailwind 和 Figma 的导出格式——全程无需离开页面。

套餐低至 $5/mo — 随时取消

Live — works right here

生成配色方案

选择一个品牌色,ColorWell 自动生成其余配色。

邻近色

明度渐变(浅 → 深)

导出

下载设计令牌

专业版

将完整调色板和明度渐变保存为即用型文件。

升级至 Pro 版以下载文件

对比度检查

从调色板中任选两种颜色,ColorWell 将显示 WCAG 合规判定。

Aa
The quick brown fox jumps over the lazy dog.
2.77
比率

判定结果: 不符合 WCAG

品牌调色板所需的一切

专为每日交付界面的在职设计师和前端团队打造。

和谐调色板

选择任意十六进制颜色。ColorWell 一键生成类似色、互补色、三角色和单色方案。

WCAG 对比度 — 即时检查

调色板中的每一对颜色都会针对正文、大号文本和 UI 组件获得 AA/AAA 对比度判定。

CSS、Tailwind、Figma 导出

一键导出为 CSS 变量、Tailwind 配置、原始 JSON 令牌或可直接粘贴的 Figma 样式。

品牌安全变体

提亮、加深和增加饱和度而不偏移色调。ColorWell 保持在感知色彩空间 (Oklch) 内。

命名令牌

自动命名如 "indigo-500" 或 "slate-700",使样式表对人类更易读,而非仅显示十六进制代码。

保存并同步调色板

您创建的每个调色板都归您所有 — 命名、添加标签、随时回访。Pro 版支持云同步。

三步搞定

从单一品牌色开始。以可用的样式表结束。

1

选择

输入十六进制值或使用颜色选择器。

2

生成

ColorWell 构建和谐调色板并执行所有对比度检查。

3

导出

复制 CSS、Tailwind 或 Figma 令牌 — 直接导入您的代码库。

简洁定价

选择方案,告别手动调整十六进制代码。

入门版

适合独立设计师

$5/月
  • 每月保存 100 组配色
  • 无限次对比度检查
  • 导出 CSS / Tailwind / JSON
  • 品牌安全变体
最受欢迎
专业版

适合品牌团队

$15/月
  • 每月保存 2000 组配色
  • 导出 Figma 令牌
  • 品牌套件(多配色项目)
  • 云端同步库
  • 优先支持

常见问题

需要安装任何东西吗?

不需要。ColorWell 完全在浏览器中运行——除非您选择同步,否则您的颜色数据始终保留在本地设备上。

使用哪种色彩空间?

ColorWell 底层采用 Oklch 色彩空间——变体保持在感知色彩空间内,确保提亮品牌色时色相不会偏移。

导出功能如何运作?

一键复制 CSS 变量、Tailwind 配置块、原始 JSON 或适用于 Figma 的样式到剪贴板。直接粘贴到您的代码或设计工具中即可。

有免费试用吗?

否——这是一款付费工具,套餐起价为每月 $5。入门版每月 $5,专业版每月 $15;您可以随时取消订阅。

如何取消订阅?

通过账户页面或发送邮件给我们即可取消。取消后下一次续费将停止——剩余时长仍可继续使用。

停止手动调整十六进制代码。

生成配色方案,输出样式表——一站式完成。

查看套餐