#3CE0F6
#3CB2F6
#3B82F6
#3C55F6
#523CF6
#3CE0F6
HSL(187, 91, 60)
#3CB2F6
HSL(202, 91, 60)
#3B82F6
HSL(217, 91, 60)
#3C55F6
HSL(232, 91, 60)
#523CF6
HSL(247, 91, 60)
:root {
--color-1: #3ce0f6;
--color-2: #3cb2f6;
--color-3: #3b82f6;
--color-4: #3c55f6;
--color-5: #523cf6;
}调色板生成器 — 配色方案创建器
选择基色，使用互补色、类似色、三色组、分裂互补色和四色组等规则生成和谐调色板。复制单个颜色或导出整个调色板为CSS变量。
How It Works
选择基色，工具根据和谐规则在色轮上旋转色相生成调色板。互补色加180°，三色组加120°和240°，类似色加±30°，依此类推。
Common Use Cases
- 设计网站配色方案
- 创建品牌色彩调色板
- 为艺术作品找到和谐的色彩组合
- 导出CSS变量用于开发
Frequently Asked Questions
色彩和谐是基于色轮的组合：互补色（对立）、类似色（相邻）、三色组（间隔120°）、分裂互补色和四色组（矩形）。
是的，点击CSS导出按钮获取整个调色板作为CSS自定义属性（变量），可直接粘贴到样式表中。