配色方案生成器
生成和谐配色方案,支持多种和谐模式。可导出为CSS、Tailwind、JSON或SVG格式。
常见问题
如何生成配色方案?
点击"生成"按钮或按空格键创建新的随机配色。使用和谐模式选择器在单色、类似色、互补色、三色、分裂互补或四色配色方案之间切换。
如何锁定喜欢的颜色?
点击任意色卡上的锁定图标。锁定后的颜色在生成新配色时将保持不变,而未锁定的颜色将被替换。
如何导出配色方案?
点击"导出"按钮,选择CSS变量、Tailwind配置、JSON数组或SVG调色板格式。配色方案将自动复制到剪贴板。
不同的和谐模式有什么区别?
单色模式使用同一色相,变化饱和度和亮度。类似色使用相邻色相(±30°)。互补色使用对面色相(相隔180°)。三色使用3个等距色相(相隔120°)。分裂互补使用基础色相加其补色两侧的色相。四色使用4个等距色相(相隔90°)。