配色方案生成器
基于一个主色自动生成和谐配色方案，涵盖单色、近似、互补、三色与明暗阶梯，点击色块一键复制色值。
使用说明
- 在颜色选择器中点选一个主色，或在右侧文本框中直接输入十六进制值（如 #4f46e5 或 #345）。
- 页面会围绕主色自动生成五组色板：单色、近似色、互补色、三色，以及加白加黑的明暗阶梯。
- 鼠标点击任意色块即可把该颜色的 HEX 值复制到剪贴板，色块中央显示的就是对应的色值。
- 需要整体带走全部颜色时，点击「复制全部 HEX」，每行一个色值，可直接粘贴到设计文档或代码中。
- 单色与明暗阶梯都基于主色，但算法不同：单色保持色相与饱和度只调明度，明暗阶梯则向纯白与纯黑混合。
常见问题
五种配色方案分别是什么意思？
单色配色只改变主色的明暗深浅；近似色取色环上相邻 30° 内的颜色，柔和协调；互补色取主色对面的颜色，对比强烈；三色是在色环上相隔 120° 的三个颜色；明暗阶梯则是把主色逐步混入白色与黑色。
生成的颜色是怎么计算的？
工具先把 HEX 转为 HSL（色相、饱和度、明度）模型：近似与互补通过旋转色相角度得到，单色调整明度，明暗阶梯则把颜色向白色或黑色方向线性混合，最后统一转回 HEX 显示。
为什么我输入的颜色提示无法识别？
请使用 3 位或 6 位十六进制格式，例如 #4f46e5、#fff 或直接输入 4f46e5；支持 # 开头的写法。带 8 位透明度（如 #RRGGBBAA）暂不支持。
复制的色值可以用在哪里？
HEX 是网页与设计软件通用的颜色表示，可直接用于 CSS（color、background）、Figma、Photoshop 的取色器中，无需任何转换。