🎨配色方案生成器

生成和谐的颜色搭配方案

使用提示:

CSS 变量

:root {
  --color-1: #0e5e3a;
  --color-2: #e2ae3a;
  --color-3: #5ded5f;
  --color-4: #3cd172;
  --color-5: #881b6f;
}

使用说明

什么是互补色？

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

如何选择好的配色方案？

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