配色方案生成器

关于本工具

颜色调色板生成器使用七种色彩理论原则（互补色、三角配色、类似色、分裂互补、四角配色、单色、深浅变化）从任何基础颜色创建和谐的配色方案。

每个色块显示其十六进制代码，点击即可复制。工具内部使用HSL颜色空间计算色轮上的精确角度，确保数学上正确的和谐关系。

使用方法

1. 点击颜色选择器或从8个预设色块中选择基础颜色。
2. 从标签栏选择和谐方案（互补色、三角配色等）。
3. 调色板立即生成——每个色块显示其十六进制代码。
4. 点击任意色块将十六进制代码复制到剪贴板。

色彩和谐方案

互补色 — 两种对立色；高对比度和活力。三角配色 — 三种均匀分布的色（120°间隔）。类似色 — 色轮上相邻的颜色；和谐自然。分裂互补 — 基础色+补色的两个邻居。四角配色 — 90°间隔的四种颜色。单色 — 一种色调的淡色和深色。深浅变化 — 一种色调的全亮度范围。

使用场景

UI/UX设计师用此工具构建Web和移动应用的色彩系统。平面设计师为品牌标识和营销材料选择调色板。Web开发者直接将十六进制代码复制到CSS变量或Tailwind配置中。

常见问题

• 颜色代码是什么格式？ — 所有颜色以十六进制格式(#RRGGBB)显示，可直接粘贴到CSS、Figma或任何设计工具中。
• 每种方案生成多少颜色？ — 互补色: 2个。三角/分裂: 3个。四角: 4个。类似色: 4个。单色/深浅: 5-9个。
• 哪种方案最适合网站？ — 平静专业的外观选类似色；高对比度界面选互补色；极简设计选单色。