调色板生成器
选择主色，自动生成多种配色方案，支持复制 CSS 变量或导出 JSON。
配色方案说明
- 互补色（Complementary）：色轮对面的颜色（差180°），对比强烈，适合强调和呼吁行动按钮。
- 相邻色（Analogous）：色轮上相邻的颜色（±30°），和谐自然，适合渐变背景和品牌配色。
- 三角色（Triadic）：色轮上等间距3色（120°），平衡且生动，适合多元素界面配色。
- 四角色（Tetradic）：色轮上等间距4色（90°），最丰富但需谨慎控制用量。
- Tints（淡色）：向白色方向渐变，适合背景色和卡片填充。
- Shades（暗色）：向黑色方向渐变，适合文字、阴影和强调边框。
如何使用配色方案
点击任意色块可复制该颜色的 HEX 值。点击"复制 CSS 变量"可将整个调色板导出为
:root { --color-primary: #3b82f6; ... } 格式，直接粘贴至你的 CSS 文件。
"导出 JSON"适合设计工具（Figma、Sketch 插件等）批量导入。