🧰 UtlKit

配色方案生成器

生成协调的配色方案,支持多种配色规则。

🐛

报告问题 / 提出建议

发现 Bug 或有建议?帮助我们改进这个工具。

📊 数据摘要(自动填写)

工具: palette-generator · /tools/palette-generator/

mode: complementary

palette:

baseHue: 210

这是什么工具?

调色板生成器为设计项目创建和谐的颜色方案。从单个基础色相生成互补、类似、三调、四色和分裂互补调色板。点击任意色块即可复制其 HEX 值,或一键复制整个调色板。设计师、开发人员和任何构建视觉标识、网站或营销材料的必备工具。

如何使用

  1. 1

    选择基础颜色

    选择或输入起始颜色。

  2. 2

    选择方案

    选择和色规则(互补、类似、三调和等)。

  3. 3

    导出颜色

    以首选格式复制调色板值。

常见问题

什么是互补配色方案?

互补色在色轮上相对(如蓝色和橙色)。它们创造高对比度和视觉活力。类似色在色轮上相邻并创造和谐感。三调使用三个等距的颜色。单色使用单一色相的不同饱和度和明度变化。

调色板多少颜色?

通常5-10种。

如何在项目中使用生成的调色板?

点击任意色块即可复制其 HEX 值,或使用全部复制按钮一次性复制整个调色板。HEX 值可直接用于 CSS、设计工具和大多数代码框架。