配色方案生成器
生成协调的配色方案，支持多种配色规则。
🐛
报告问题 / 提出建议
发现 Bug 或有建议？帮助我们改进这个工具。
这是什么工具？
调色板生成器为设计项目创建和谐的颜色方案。从单个基础色相生成互补、类似、三调、四色和分裂互补调色板。点击任意色块即可复制其 HEX 值，或一键复制整个调色板。设计师、开发人员和任何构建视觉标识、网站或营销材料的必备工具。
如何使用
- 1
选择基础颜色
拖动色相滑块选择起始颜色。
- 2
选择方案
选择和色规则（互补、类似、三调和等）。
- 3
导出颜色
点击色块复制其 HEX 值，或一次复制整组颜色。
常见问题
什么是互补配色方案？
互补色在色轮上相对（如蓝色和橙色）。它们创造高对比度和视觉活力。类似色在色轮上相邻并创造和谐感。三调使用三个等距的颜色。单色使用单一色相的不同饱和度和明度变化。
调色板多少颜色？
2 到 4 个，取决于配色方案：互补 2 个，三调和分裂互补 3 个，类似和四色 4 个。
如何在项目中使用生成的调色板？
点击任意色块即可复制其 HEX 值，或使用全部复制按钮一次性复制整个调色板。HEX 值可直接用于 CSS、设计工具和大多数代码框架。
调色板生成器如何创建配色方案？
选择五种配色方案类型之一和基础色相，工具就会按固定角度在色轮上布置配套颜色：互补色在 180 度，三调在 120 度和 240 度，四色在 90 度、180 度和 270 度，分裂互补在 150 度和 210 度，类似色在两侧 30 度和 60 度。每个结果色相都以固定的饱和度和亮度转换为 HEX 值，你可以直接从色块上逐个复制颜色，或一次复制整组配色。