生成照片配色
4 色适合紧凑主题，8 色兼顾实用与细节，16 色可以保留更多阴影和小面积点缀色。
色板可框选区域的图片配色提取工具
上传、拖入或粘贴图片，按需框选区域，再生成带估算占比的代表色。逐像素取色放在独立模式中，避免把一个像素的精确色误当成整张图的主色。
正在分析整张图片
如只分析局部，请在右侧图片上拖拽画框。
配色分析、精确取色和导出都在当前浏览器中完成。为保证速度，颜色占比来自缩小后的抽样计算，因此会明确标注为估算。
提取代表性配色
添加图片后提取配色
支持 JPG、PNG、WebP 等浏览器可读取的图片格式，不需要把图片上传到服务器。
也可以把图片拖到这里，或直接粘贴剪贴板中的图片。
图片代表性配色
估算占比添加图片后，提取出的色块会显示在这里。
如何使用图片配色提取工具
先从整图开始，再缩小分析范围，并按后续用途选择合适输出。
01
02
缩小代表性配色的范围
框选局部，忽略透明区域，排除背景色并调整相近色合并，然后按估算占比或明暗排序。
03
复制、导出或继续制作
复制单个色块，下载包含 HEX、RGB 和估算占比的文本或 16:9 色卡，也可把图片与配色转到像素艺术工具。
图片配色提取工具常见问题
根据用户常搜索的图片主色、在线取色、透明背景、隐私和色卡导出问题整理。
如何从图片中提取颜色？
添加图片，选择 4、8 或 16 色，并决定分析整张图片还是拖框选择局部。工具会把抽样像素归纳为一组代表色，并为每个色块显示估算占比。
图片配色提取和图片取色器有什么区别？
图片配色提取会分析许多像素并概括为少量代表色，适合做色板；图片取色器只读取你点击位置的单个像素，适合查找一个准确色值。需要整体方向时用前者，需要具体 HEX 或 RGB 时用后者。
图片配色生成器选 4 色、8 色还是 16 色？
4 色适合简单主题或界面基础色，8 色通常能兼顾主色和点缀色，16 色会保留更多光影和细节。颜色越多不一定越实用，建议选择能保留必要差异的最小数量。
为什么颜色占比会标注为估算？
大图会先缩小为更适合浏览器实时分析的样本，再对相近颜色分组。占比反映样本中的分布，可用于判断主次，但不是对原图每个像素进行逐一统计后的绝对值。
可以只提取照片局部区域的配色吗？
可以。在代表性配色模式下，直接在预览图上拖出矩形选区。之后的重新生成只分析该区域，适合把人物、商品或天空与无关背景分开。
透明 PNG 可以提取配色吗？
可以。默认开启忽略透明像素，空白画布不会影响代表色。关闭后，带透明度的颜色会以 8 位 HEX 显示，最后两位代表 Alpha 透明度。
怎样排除白色或纯色背景？
打开排除背景颜色并选择相应颜色。也可以先切换到精确取色模式，点击背景中的一个像素，再将这个色值设为要排除的背景色；工具会同时忽略小范围内的相近颜色。
可以复制 HEX、RGB 或导出完整色卡吗？
可以。点击色块可复制 HEX；色值文本会包含 HEX、RGB 和估算占比；色卡导出则生成一张含选区与配色的 16:9 PNG 图片，方便放进提案、灵感板或设计记录。
提取出的颜色能直接用于印刷或品牌规范吗？
不能自动保证。这里得到的是浏览器解码后的屏幕色值；显示器、色彩配置、打印机、油墨、纸张、涂料和织物都会影响实际呈色。正式生产请使用校色流程、打样或实体色卡确认。
使用图片配色提取工具时，图片会上传到服务器吗？
不会。图片解码、颜色抽样、精确像素读取和导出都在浏览器本地完成。只有当你主动点击应用到像素艺术工具时，当前图片与配色才会临时保存在本机浏览器存储中。