🎨配色方案生成器

生成和谐的颜色搭配方案

使用提示:

CSS 变量

:root {
  --color-1: #19c0b0;
  --color-2: #235355;
  --color-3: #301a41;
  --color-4: #01690e;
  --color-5: #b0a8bc;
}

使用说明

配色方案生成器可以创建和谐的配色组合。基于色彩理论自动生成互补色、类似色、三角色等配色方案，支持锁定颜色和微调。生成的配色可直接复制HEX值。

什么是互补色？

互补色是色相环上相对的两种颜色（如红和绿），搭配使用可产生强烈对比效果。

如何选择好的配色方案？

建议使用60-30-10法则：主色占60%、辅助色30%、强调色10%，保持视觉层次感。