在线图片配色提取工具
点击或拖拽图片到此区域上传
支持 PNG、JPG、JPEG、GIF、WebP、BMP 等格式，单张最大 50MB
所有操作均在浏览器本地完成，无需上传服务器，保障数据隐私安全
工具介绍
在线图片配色提取工具通过智能K-Means聚类算法自动提取图片主色，生成包含HEX色值及占比的精美色卡。适用于UI设计配色参考、摄影后期色调分析等场景。所有操作均在浏览器本地完成，无需上传服务器，保障数据隐私安全。
功能特性
| K-Means聚类 | 采用经典K-Means算法对图片像素进行智能分组，自动找出最具代表性的颜色 | 自定义数量 | 支持2-10种颜色提取，可根据需求调整提取数量 |
|---|---|---|---|
| 多种格式 | 支持HEX、RGB、HSL多种颜色格式展示 | 颜色占比 | 显示每种颜色在图片中的面积占比，反映视觉权重 |
| 一键复制 | 点击色块或色值即可复制HEX色值到剪贴板 | 色卡导出 | 一键导出精美色卡PNG图片，包含原图缩略图和所有配色信息 |
| 透明处理 | 自动忽略透明区域（Alpha通道<128），只分析不透明像素 | 本地处理 | 全程浏览器本地计算，图片不上传，保护隐私 |
使用场景
从设计稿或参考图片中提取配色方案，快速获取HEX色值用于界面开发。
分析照片中的色彩分布，为调色提供参考，确保配色协调统一。
提取品牌Logo或宣传图的配色，用于品牌VI设计和规范制定。
导出色卡图片用于方案存档或分享给团队成员，便于协作沟通。
使用步骤
使用技巧
常见问题
Q1: 提取的颜色数量是固定的吗？最多能提取多少种？
不是固定的。系统支持2-10种颜色提取，您可以根据需求调整。实际提取数量取决于图片的色彩丰富程度，如果图片本身颜色较少，提取结果也会相应减少。
Q2: 颜色占比是如何计算的？准确吗？
颜色占比基于像素点数量统计计算。系统将图片缩放后遍历每个像素点，通过K-Means聚类算法将相似颜色归为一组，然后统计每组颜色在总像素中的占比。统计过程在本地完成，基于实际像素数据计算，结果客观可靠。
Q3: 不同格式的图片（JPG/PNG/GIF）提取结果会有差异吗？
会有细微差异。JPG格式因有损压缩可能存在轻微色偏，PNG和BMP为无损格式色彩更精准，GIF受限于256色索引可能色彩信息不够丰富。但本工具提取的是图片实际呈现的RGB颜色值，最终提取结果均以您上传的图片实际显示色彩为准。
Q4: 色卡导出支持哪些格式？可以自定义样式吗？
目前色卡导出为高清PNG图片格式，支持透明背景。色卡包含原始图片缩略图、颜色色块、HEX色值及占比信息，排版清晰美观。如您有个性化样式需求，可复制HEX色值到其他设计软件中自行编排。
Q5: 图片上传后会泄露吗？是否会上传服务器？
绝对安全。所有图片加载、色彩分析、色卡生成均在您本地浏览器内完成，全程不上传任何数据至服务器。关闭页面后所有数据自动清除，无缓存、无残留，充分保障您的图片隐私安全。
Q6: 透明背景的图片会如何处理？
透明区域（Alpha通道<128）将被忽略，系统只分析不透明像素的颜色。这对于带有透明背景的PNG图片非常有用，可以排除背景干扰，精准提取主体颜色。
浏览器兼容性
Chrome 90+Edge 90+Firefox 88+Safari 14+不支持 IE 浏览器建议使用最新版 Chrome / Edge 浏览器，以获得最佳的Canvas处理性能。