配色方案生成器
从主色生成和谐的配色方案，导出 HEX 或 CSS 变量。
#6467f2
#f26467
#67f264
How to Use
- 使用颜色选择器选择主色，或直接输入 HEX 色值。从下拉菜单中选择色彩和谐模式——互补色、类比色、三角色、四角色或单色。
- 预览生成的配色方案色块，每个色块显示对应的 HEX 值。点击色块旁的 Copy 按钮可复制单个颜色值。
- 点击 Export CSS Variables 导出整套配色方案为 CSS 自定义属性（:root 块），可直接粘贴到你的设计系统或样式表中使用。
Frequently Asked Questions
- 有哪些色彩和谐模式？
- 生成器支持五种和谐模式：互补色（色轮上对立的两色）、类比色（相邻色）、三角色（色轮上均匀分布的三色）、四角色（两对互补色）和单色（同一色相的不同变体）。每种模式营造不同的视觉氛围。
- 可以生成深色模式的色板吗？
- 可以——色板包含基色的浅色和深色变体。使用单色模式可生成从最浅色调到最深暗调的完整范围，自然对应浅色和深色主题的设计令牌。
- 如何在项目中使用生成的色板？
- 复制 CSS 自定义属性块并粘贴到 :root 选择器中，每种颜色会获得 --color-primary 或 --color-accent 等语义化名称。也可复制单独的 HEX 值，用于 Figma 或 Sketch 等设计工具。