图片调色板提取器 — 免费浏览器端图像主色调提取与设计令牌生成

Image Tools

加载中...

关于此工具

免费、私密、无服务器的图片调色板提取器。基于浏览器中值切割量化算法提取图片主色调,一键导出HEX、RGB、HSL、CSS及JSON设计令牌。

使用方法

  1. 拖放或选择上传PNG、JPEG、WebP或SVG图片文件。
  2. 设置想要提取的主色数量(2至20种)。
  3. 点击提取调色板按钮本地分析像素。
  4. 点击任意色块一键复制HEX代码。
  5. 点击复制CSS代码或导出结构化JSON调色板文件。

常见问题

中值切割量化算法如何准确提取图片中的主色调?
算法将每个像素映射到3D RGB颜色空间,找到颜色范围分布最广的通道并在中位数处进行递归分割,最终将颜色聚类为指定数量的分组,并计算各颜色块的质心和像素占比。
为什么提取前需要将图片缩放至150×150像素?
缩放至22,500个采样点可在保留图像宏观色彩结构的同时过滤噪点,确保中值切割算法在浏览器本地50毫秒内疾速完成,不造成任何界面卡顿。
工具支持哪些调色板导出格式?
支持单色点击复制HEX代码、一键复制CSS逗号分隔代码串,以及下载包含HEX、RGB、HSL和面积占比的完整JSON设计令牌数据文件。
上传的图片会被传输或存储到远程服务器吗?
绝不会。工具基于完全无服务器的客户端架构,图像渲染与色彩聚类全流程在本地浏览器内存中运行,确保设计草案与商业资产绝对私密。