正在加载，请稍候…

在线颜色调色板生成器

在线调色板生成器，从一个基础颜色自动生成完整色阶（浅色到深色）、互补色、类比色、三角配色、分裂互补色等多种配色方案，以及灰色系，适合 UI 设计和品牌色彩规范。

使用方法

  1. 第一步：使用取色器选择基础颜色，或直接输入十六进制色值。
  2. 第二步：工具自动生成明暗色阶和配色方案。
  3. 第三步：点击任意色块即可复制其十六进制值到剪贴板。

常见问题

什么是配色方案？

配色方案是基于色轮上颜色位置关系得出的视觉和谐的色彩组合。常见类型包括互补色（对侧）、类比色（相邻）和三角配色（等距分布）。

色阶（Tints）和暗色阶（Shades）有什么区别？

色阶是在基础色中加入白色（使颜色变浅），暗色阶是在基础色中加入黑色（使颜色变深）。本工具同时生成两者，提供完整的色彩范围。

UI 设计中如何使用调色板生成器？

工作流程：1）确定品牌主色（可用色轮或参考竞品）；2）使用本工具生成完整色阶（50~900），用于背景、边框、文字等不同层级；3）生成互补色或类比色作为辅助色；4）生成灰色系用于文字和中性元素；5）在设计系统中定义语义化颜色（primary、success、warning、error）并映射到色阶值。

如何为项目选择一套协调的配色方案？

常用配色理论：互补色（色轮对面，高对比）、类比色（相邻色，和谐自然）、三等分色（等距三色，活泼平衡）。设计建议：选一个主色（品牌色），一个辅助色，加上中性色（灰色系）和点缀色。确保颜色对比度满足 WCAG AA 标准（4.5:1），兼顾色盲用户。