怎么生成配色方案？

输入主色，选择和谐类型——互补、类似、分裂互补、三角或四角——用 HSL 微调后导出为 CSS。

我该用哪种配色方案？

类似色安静统一，互补色高对比，三角色鲜艳平衡。拿不准就先用类似色，再加一个点缀。

可以——每个生成的方案都能一键复制为 CSS 变量，直接放进样式表。

读取当前主色，生成可直接应用的和声方案。

Color Wheel

角度控制色相，离圆心越远饱和度越高；明度由 L 滑块控制。

H 230° S 75% L 49%

#1F3FD9

230°

75%

49%

#1F3FD9

在线配色方案生成器，输入任意主色自动生成互补色、类似色、分裂互补、三角、四角等经典配色方案，支持HSL精调和一键导出CSS。输入一个主色即可同步生成互补、类似、三角等多种和声方案，调整主色时所有方案会一起更新。

适合配色方案选型阶段，需要在几种不同和声关系里快速比较、找出最适合当前项目气质的一种。