🛝Toolio
关于 联系方式

🎨 配色方案生成器

使用类似色、互补色和三色等和谐模式，即时生成美观的五色色板（也可直接从任意图片或日落等情绪词提取色板）。锁定喜欢的颜色，其余色板将围绕其构建，然后将整组导出为 HEX 列表、CSS 变量、Tailwind 配置、JSON 或 Figma 标记。完全免费，所有操作均在浏览器中运行，无需上传或登录。想找免费的 Coolors 替代方案？Toolio 版本完全免费，无需注册。

按下空格键生成新的配色方案。

隐私优先设计. 此工具完全在您的浏览器中运行，您输入的任何内容都不会上传，并且可以离线使用。

关于

此工具通过三种方式构建五色色板：从四种和谐模式（随机、类似色、互补色和三色）生成；输入情绪词（如日落、海洋或赛博朋克）即可获得对应风格的色板；或从自选图片中提取五个主要颜色（图片在本地通过中值切割量化处理，每个结果都是图片中实际出现的颜色，不会上传任何内容）。锁定单个色块即可在重新生成时保留；在使用类似色、互补色和三色模式时，其余色板将围绕首个锁定色块的色调构建。复制任意单个 HEX 代码，或按所需格式导出整个色板：纯文本 HEX 列表、CSS 自定义属性、Tailwind 颜色代码片段、JSON 数组或 Figma 设计标记。所有操作均在浏览器中运行，因此颜色或图像数据不会离开设备（无需服务器或账户）。每个色块还会显示最接近的 PANTONE 固体涂层编号（例如 PANTONE 185 C），因此生成或从图像提取的色板可直接进入打印工作流程。

如何使用

  1. 从“模式”下拉菜单中选择和谐模式：随机、类似色、互补色或三色。
  2. 点击“生成”（或按空格键）可创建新的五色色板。
  3. 点击任意色块的锁定图标即可保留颜色；其他色块将围绕其色调重新生成（在随机模式中保持随机）。
  4. 点击色块上的“复制HEX”以将该颜色的HEX代码复制到剪贴板。
  5. 使用“全部复制”一次性复制全部五种颜色（按旁边所选导出格式），便于在设计工具或代码中使用。
  6. 点击“来自图片”并选择一张照片，即可在本地将其中五个主要颜色提取到色板中。
  7. 选择导出格式（HEX 列表、CSS 变量、Tailwind、JSON 或 Figma 标记），然后点击“全部复制”即可将色板导入项目。
  8. 或者输入情绪词（如日落、海洋或赛博朋克），然后点击“来自心情”即可生成对应风格的色板。

常见问题

这个工具可以免费使用吗？
是的，完全免费 — 没有订阅，没有账户，也没有隐藏的限制。只需打开页面，即可开始生成色板。
您是否会将我的颜色数据上传到服务器？
不会。整个工具在您的浏览器中使用JavaScript运行。没有任何数据会被发送到服务器 — 您的色板数据仅保存在您的浏览器的localStorage中。
颜色色板生成器可以在离线环境下使用吗？
是的。页面加载后，它就可以完全离线使用。不需要任何外部API调用或CDN依赖。
各种和谐模式之间有什么区别？
随机模式选择五个互不相关的色调。类似色在色轮上 80° 范围内以 20° 间隔分布五个色调，呈现平静、协调的外观。互补色将两个色块放在基础色调附近，另三个放在色轮对侧（偏离 170°、180° 和 190°），以形成高对比度。三色以 120° 间隔分布色调：两个色块靠近基础色调，两个靠近 +120°，一个位于 +240°。每种模式的饱和度和亮度均在适中范围内变化。色轮为 HSL（屏幕光）色轮，因此红色的补色为青色而非绿色。
我可以固定我喜欢的颜色，同时重新生成其余颜色吗？
是的。点击任意色块上的“锁定”图标即可保留该色块。生成过程中会跳过已锁定的色块。在类似色、互补色和三色模式中，其他色块将围绕第一个锁定色块的色调构建（灰色色块没有色调，在此可忽略），因此色板将围绕喜爱的颜色保持和谐；在随机模式中则保持随机。色板和锁定状态将保存在此浏览器中。
我可以从图像中构建调色板吗？
是的。点击“来自图片”并选择一张照片。工具会缩小图片，使用中值切割量化将相似像素分组，并选出五个明显互不相同的突出颜色组。每个结果都是图片中实际出现的颜色，而非平均值，按从深到浅排序，全部操作都在浏览器中完成，图片不会上传。如果图片中的颜色少于五种，例如单一平色，其余色块将是主色较浅和较深的色阶。
有哪些导出格式？
将色板复制为纯文本 HEX 列表、CSS 自定义属性（:root 变量）、Tailwind 颜色代码片段、JSON 数组或 Figma 设计标记（Tokens Studio 格式）。在“下拉菜单”中选择格式，然后点击“全部复制”，即可粘贴到代码或设计工具中使用。
我可以查看调色板的潘通编号吗？
可以。每个色块都会显示其HEX编号和最接近的PANTONE Solid Coated匹配色（例如PANTONE 185 C）；点击潘通标签即可复制。匹配使用感知CIEDE2000公式，是近似的sRGB参考，因为潘通专色油墨是通过物理定义的，而不是通过屏幕值定义的。
我可以从一个词生成色板吗？
是的。在“情绪框”中输入日落、海洋、赛博朋克或五色（传统的韩国五色）等情绪词，然后点击“来自心情”。已知的情绪词会使用匹配的色调、饱和度和亮度范围，五色则返回五个固定的传统颜色。工具无法识别的词仍可生成色板，但其颜色与词的含义无关。
此工具会上传我的数据吗？
不会。所有操作都在您的浏览器中完成，因此您的数据永远不会离开您的设备 — 甚至在页面加载后也可以离线使用。

在最近的 29 天内运行了 32 次。 结果已复制或下载：12% 在我们自己的服务器上测量，2026-10-11–2026-11-09。