输入一个基色，自动生成单色、类似、互补、分裂互补、三角、四角等标准配色方案，并支持暖色、冷色、中性色、随机、品牌与 UI/网站配色。实时展示颜色关系与色盘，可锁定颜色后重新生成。
配色方案基于色相环上的几何关系：类似色相邻、互补色相对、三角色与四角色均匀分布。选择方案类型即可看到颜色在色相环上的位置。
生成结果以色板形式展示，每个颜色都可单独锁定；未锁定的颜色在点击“重新生成”时会更新，锁定的颜色保持不变，方便逐步微调。
除标准关系外，工具还提供暖色、冷色、中性色等氛围配色，以及品牌、UI、网站等场景预设，帮助快速得到可用的调色板。
调色板可整体复制，也可导出为 CSS 变量或 Design Token（JSON），直接用于项目。
Q：互补色和分裂互补有什么区别？
互补色是基色与色相环正对面（+180°）的颜色；分裂互补则是取互补色两侧（约 +150° 与 +210°）的颜色，对比柔和且更易搭配。
Q：锁定颜色有什么用？
锁定后该颜色在“重新生成”时保持不变，只更新未锁定的颜色，便于在保留主色的前提下反复调整配色。
Q：可以导出给前端使用吗？
可以。工具支持导出 CSS 变量（--color-1 等）与 Design Token JSON，直接复制到项目即可。
Q：单色方案是怎么生成的？
单色方案保持色相不变，通过改变明度与饱和度生成同一色系的深浅变化，适合构建层次清晰的界面。
继续使用本站其它颜色处理工具：
