生成🔒 在浏览器中运行

调色板生成器

从任何基础颜色生成和谐的调色板

点击色块复制

生成和导出

类型

颜色数

互补色

#6366f1

#f2ef64

类似色

#64adf2

#6366f1

#a864f2

三色

#6366f1

#f26467

#67f264

四色

#6366f1

#f264ad

#f2ef64

#64f2a8

单色

#020217

#07084c

#0b0d81

#1013b6

#1418eb

#494cef

#7e80f4

#b3b4f8

#e8e8fd

深浅色

#6e99e7

#6c8dea

#6981ec

#6774ef

#6467f2

#6b62f4

#765ff7

#815df9

#8d5afc

使用案例

从设计师选择的单一主色为品牌调色板播种。
找到与现有主色干净对比的互补强调色。
构建具有 3-5 个系列足够色相分离的图表调色板。
在确定最终色调之前探索某种颜色的单色变化。
为俏皮的插图或营销图形生成四色调调色板。

关于调色板生成器

调色板生成器可以根据任何基础颜色，运用互补色、类似色和三等分配色等色彩理论原理，创建和谐的配色方案。它免费、在浏览器中运行，不会在任何服务器上存储数据。

常见问题

如何生成调色板？

输入或选取一个基础颜色，然后选择和谐类型，如互补色、类似色、三等分配色或单色。工具会立即生成一组相互搭配的颜色，并提供HEX和RGB值。

生成调色板时是否会存储我的数据？

不会，所有操作在浏览器中运行。不会有颜色数据或偏好发送到任何服务器。调色板在本地生成，仅存在于当前浏览器会话中。

有哪些色彩和谐类型可用？

该工具支持多种色彩理论和谐类型，包括互补色、类似色、三等分配色、分裂互补色和单色。每种和谐类型都能产生自然搭配的颜色，轻松为设计项目创建专业配色方案。

这些调色板保证可访问（WCAG 对比度）吗？

不——色彩理论和谐为视觉平衡而优化，不为文本对比度。始终使用 contrast-checker 工具检查前景/背景对是否符合 WCAG AA（正文 4.5:1，大文本 3:1）。单色和阴影调色板通常具有最差的固有对比度，需要仔细搭配。

为什么吸管按钮没有出现在我的浏览器中？

吸管依赖于浏览器的 EyeDropper API，该 API 在基于 Chromium 的浏览器（Chrome、Edge、Opera）中受支持，但在 Firefox 或 Safari 中尚未支持。当不支持时，按钮被隐藏，你可以手动粘贴十六进制值。工具的其余部分在所有浏览器中工作相同。

使用案例

从设计师选择的单一主色为品牌调色板播种。

找到与现有主色干净对比的互补强调色。

构建具有 3-5 个系列足够色相分离的图表调色板。

在确定最终色调之前探索某种颜色的单色变化。

为俏皮的插图或营销图形生成四色调调色板。

常见问题

如何生成调色板？

输入或选取一个基础颜色，然后选择和谐类型，如互补色、类似色、三等分配色或单色。工具会立即生成一组相互搭配的颜色，并提供HEX和RGB值。

生成调色板时是否会存储我的数据？

不会，所有操作在浏览器中运行。不会有颜色数据或偏好发送到任何服务器。调色板在本地生成，仅存在于当前浏览器会话中。

有哪些色彩和谐类型可用？

这些调色板保证可访问（WCAG 对比度）吗？

为什么吸管按钮没有出现在我的浏览器中？