配色板与渐变工作室
构建和谐配色、设计 CSS 渐变、检查无障碍对比度——全部在你的浏览器中完成。
配色板生成器
导出 CSS/Tailwind 令牌是高级版功能。
渐变生成器
background: linear-gradient(90deg, #4f46e5, #ec4899);对比度检查（WCAG）
Aa
对比度: 17.74AA ✓AAA ✓
把配色直接输出到代码
一次性付款。永久将配色导出为 CSS 变量、Tailwind 配置和 JSON。
设计师的配色工具箱
智能配色
从任意基准色生成互补、邻近、三分和单色配色。
默认无障碍
检查 WCAG AA/AAA 对比度，让文字对所有人都清晰可读。
可直接复制的 CSS
一键获取十六进制色值和渐变 CSS——无需反复调试。
常见问题
这个配色工具免费吗？
是的。配色板、渐变和对比度检查永久免费。高级版增加代码导出。
你们使用什么颜色模型？
配色在 HSL 中计算以获得视觉上均匀的结果，并以十六进制输出。
对比度检查衡量什么？
两种颜色之间的 WCAG 对比度，并带有 AA（4.5）和 AAA（7）达标提示。
我可以导出到 Tailwind 吗？
可以——CSS 变量、Tailwind 配置和 JSON 导出都属于高级版。