配色方案生成器
在线配色方案生成工具，通过调节色相（H）、饱和度（S）、明度（B）三轴参数实时生成协调的渐变色彩方案。每次调整均即时预览配色效果，适合 UI 设计师快速探索色彩方向。
配色方案
#3ED926
颜色 1
#26D968
颜色 2
#26D9C1
颜色 3
#2697D9
颜色 4
#263ED9
颜色 5
配色方案已生成
描述
配色方案生成器适合在网页设计、品牌视觉、海报排版、PPT 美化和产品主题设计时快速搭出一组有整体感的颜色组合。页面会围绕主色生成多种色板，并同步输出可直接使用的 CSS 变量，便于从“找灵感”快速过渡到“落代码”。
它能做什么
- 支持类似色、互补色、三色、四色、单色与渐变色等常见配色方案。
- 可控制颜色数量、饱和度与亮度，快速观察色板从克制到鲜明的变化。
- 自动生成 `:root` CSS 变量代码，适合直接复制到样式文件或设计系统中。
参数理解
- “配色方案”决定颜色之间的关系，例如互补色强调对比，类似色更容易保持统一。
- “颜色数量”越多，适合覆盖更多层级；但真正用于界面时通常仍建议精简到核心几色。
- “饱和度”和“亮度”会直接影响视觉强弱与可读性，适合配合页面背景一起调整。
- 先确定主色，再根据实际用途选择方案类型：品牌主视觉可尝试互补或三色，后台界面更适合类似色或单色。
- 当前生成逻辑主要围绕主色与方案参数展开，副色输入更适合作为人工对照和辅助参考。
- 色板生成结果适合作为起点，正式项目仍建议结合品牌规范、对比度要求和真实页面场景再微调。