在线配色方案生成器，生成和谐的配色方案，支持单色、互补、类比等多种配色模式
使用场景
UI 设计师和前端开发者在做页面设计的时候，颜色的搭配是最让人头疼的事情之一。你定好了主色调是 #3498db（蓝色），那辅助色用互补的橙色还是相近的紫色？按钮悬停状态的颜色应该比主色深一些还是浅一些？这个工具从主色出发，自动生成单色、互补、类比、三角、四方等几种经典配色方案，不用自己研究色彩理论。
做 PPT、海报和品牌设计的人也很需要。给客户做提案的时候，配色方案决定了整个视觉调性。先把品牌色输进去，看看用色轮上的互补色做出来好不好看，试试类似的颜色搭配。不光是找颜色，关键是要找"和谐"的颜色——红配绿不一定丑，关键是色相、饱和度、明度怎么搭。
还有做数据可视化的同学。画图表的时候要选几个不同的颜色来区分不同系列，但随便选的颜色放一起可能刺眼或者难区分。用配色生成器生成一组色板，确保各个颜色之间视觉上有区隔度，又整体和谐，图表看上去就专业多了。
常见问题
问：互补色、类比色、三角配色有什么区别？ 答：互补色是色轮上相对的两个颜色（如蓝对橙），对比强烈。类比色是色轮上相邻的几个颜色（如蓝、蓝绿、绿），过渡柔和。三角配色是色轮上间隔 120 度的三个颜色，既丰富又平衡。不同场景选不同的方案，没有绝对的好坏。
问：生成的配色方案我怎么用在我的代码里？ 答：每个颜色都提供了 HEX（#RRGGBB）、RGB、HSL 三种格式的代码，可以直接复制到 CSS、Figma、Sketch 里用。HSL 格式尤其适合程序化调整颜色的亮度和饱和度。
问：颜色太多会不会让页面看起来很乱？ 答：会的。一般建议主色占 60%，辅助色占 30%，强调色占 10%（60-30-10 法则）。生成器给你的是可能的选择，具体怎么用还要靠设计原则。一般页面不建议用超过 3-4 个主色调。