🎨 配色方案生成器

关于

此工具通过两种方式构建5色调色板：从四种和谐模式（随机、类比、互补、三色）生成，或从您选择的任意图像中提取五个主要颜色 — 图像通过median-cut量化在本地处理，不会上传。锁定单个色块以在重新生成时保留它们，然后复制任意单个HEX代码或以您需要的格式导出整个调色板：一个普通的HEX列表、CSS自定义属性、一个Tailwind颜色代码片段，或一个JSON数组。所有操作都在您的浏览器中进行，因此颜色或图像数据永远不会离开您的设备 — 没有服务器、没有跟踪、不需要账户。 每个色块还会显示其最接近的PANTONE Solid Coated色号（例如PANTONE 185 C），因此生成的或从图像中提取的调色板可以直接用于印刷工作流程。

如何使用

1. 从“模式”下拉菜单中选择一种和谐模式 — 随机、类似色、互补色或三色 —。
2. 点击生成（或按空格键）来创建一个全新的五色色板。
3. 点击任意色块上的锁图标，可以固定该颜色，同时重新生成其余颜色。
4. 点击色块上的“复制HEX”以将该颜色的HEX代码复制到剪贴板。
5. 使用“全部复制”一次性导出所有五个HEX代码，以便在您的设计工具或代码中使用。
6. 点击'从图像'并选择一张照片 — 工具会将其五个主要颜色提取到调色板中，全部在本地处理。
7. 选择一个导出格式 — HEX列表、CSS变量、Tailwind或JSON — 然后点击复制，将调色板粘贴到您的项目中。

常见问题

这个工具可以免费使用吗？

是的，完全免费 — 没有订阅，没有账户，也没有隐藏的限制。只需打开页面，即可开始生成色板。

您是否会将我的颜色数据上传到服务器？

不会。整个工具在您的浏览器中使用JavaScript运行。没有任何数据会被发送到服务器 — 您的色板数据仅保存在您的浏览器的localStorage中。

颜色色板生成器可以在离线环境下使用吗？

是的。页面加载后，它就可以完全离线使用。不需要任何外部API调用或CDN依赖。

各种和谐模式之间有什么区别？

随机模式会选取五个无关的色相。类似色模式会将五个色相集中在色轮上，营造出平静而协调的外观。互补色模式会从色轮相对两侧选取色相，以达到高对比度。三色模式会将三个色相家族以120度间隔分布，从而形成鲜艳而平衡的色板。

我可以固定我喜欢的颜色，同时重新生成其余颜色吗？

可以。点击任意色块上的锁图标，可以固定它。锁定的色块在生成过程中会被跳过，因此您可以自由地围绕您喜欢的颜色进行迭代。

我可以从图像中构建调色板吗？

可以。点击'从图像'并选择一张照片；工具使用median-cut量化在您的浏览器中提取其五个主要颜色 — 图像不会上传。

有哪些导出格式？

将调色板复制为一个普通的HEX列表、CSS自定义属性（:root变量）、一个Tailwind颜色代码片段，或一个JSON数组 — 准备粘贴到您的代码或设计工具中。

我可以查看调色板的潘通编号吗？

可以。每个色块都会显示其HEX编号和最接近的PANTONE Solid Coated匹配色（例如PANTONE 185 C）；点击潘通标签即可复制。匹配使用感知CIEDE2000公式，是近似的sRGB参考，因为潘通专色油墨是通过物理定义的，而不是通过屏幕值定义的。

此工具会上传我的数据吗？

不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。