配色方案生成器

配色方案生成器可帮助你从单一基础色生成和谐的配色方案，所有处理均在浏览器本地完成，无需上传任何数据。

使用场景

• 构建品牌配色方案
• 测试类似色、互补色、三角色或单色调搭配
• 导出 CSS 变量供设计系统使用

输出内容

该工具生成可直接用于生产的输出，而非模糊的预览效果。你可以查看视觉效果、对比数值，然后将生成的 CSS、Tailwind 片段或色板列表复制到设计系统、落地页或 UI 原型中。

典型工作流程

1. 从默认示例开始，或输入你自己的设计颜色。
2. 调整控件，直到预览效果符合你的需求。
3. 将生成的输出复制到代码库、Figma 备注或文档中。