配色方案生成器

关于本工具

配色方案生成器使用色彩理论从单一基础颜色生成和谐的调色板。

此方法与专业设计工具相同，是大多数设计系统调色板生成器的基础。

方案类型

• 互补色: 色轮上相对的两种颜色 (180°)。高对比度。
• 类似色: 相邻的三种颜色 (±30°)。和谐自然。
• 三角色: 均匀分布的三种颜色 (120°间隔)。生动平衡。
• 四角色: 均匀分布的四种颜色 (90°间隔)。丰富复杂的调色板。
• 分裂互补色: 基础 + 互补色的两种邻近色。高对比但更柔和。
• 单色: 相同色调的五种亮度。微妙统一。

使用场景

品牌设计师从单一品牌主色生成完整调色板。Web开发者为悬停状态选择互补强调色。

常见问题

• 为什么有些颜色看起来相似? — 当饱和度或亮度非常低或高时会发生这种情况。尝试使用更饱和的中间调作为基础。
• 可以在Tailwind或CSS中使用吗? — 可以。复制十六进制代码并在tailwind.config中用作自定义颜色或CSS变量。
• 什么是HSL? — 色相-饱和度-亮度。色相是色轮角度(0-360°)，饱和度是强度，亮度是明亮程度。