← 返回工具箱

图片 / 颜色

图片取色 / 调色板提取

上传图片自动提取主色调,也可以点击图片任意位置取色。支持复制 HEX、RGB、HSL、CSS 变量和 JSON,图片只在浏览器本地处理。

提取设置

状态

上传一张图片后,会显示主色调和可点击取色预览。

还没有图片

上传图片后会在这里显示可点击取色的预览。

设计取色

从产品图、海报或插画中提取主色,可以快速建立页面主题色和按钮颜色。

前端落地

复制 CSS 变量后可以直接放进样式文件,避免设计稿和代码之间反复手抄颜色。

隐私说明

图片通过浏览器 Canvas 本地读取和分析,不上传服务器,也不会保存到网站。

USE & REVIEW

图片取色 / 调色板提取常见问题

查看全部工具指南 →

「图片取色 / 调色板提取」主要解决什么问题?

从图片中提取主色调,支持点击取色、复制 HEX/RGB/HSL、导出 CSS 变量和 JSON。 适合先完成计算、转换或检查,再根据实际使用场景复核输出。

使用「图片取色 / 调色板提取」前,输入内容要怎样准备?

优先使用原始文件,并先确认目标平台要求的像素、比例、透明背景、色彩模式和体积上限。反复压缩过的图片不能通过再次转换恢复已经丢失的细节。

使用「图片取色 / 调色板提取」时,数据会被保存或上传吗?

图片取色 / 调色板提取不会把输入内容自动发布成公开页面。标明“本地处理”的步骤只在浏览器内运行;涉及实时数据、IP、外部网址或在线查询时可能需要联网,因此不要输入与任务无关的敏感资料。

「图片取色 / 调色板提取」的结果应该怎样核对?

导出后检查像素尺寸、透明背景、颜色和文件大小,并在实际发布平台预览一次。不同编码器和质量参数会改变清晰度与体积。

什么情况下不应该只依赖「图片取色 / 调色板提取」?

它适合常规网页和办公图片处理。印刷色彩管理、专业修图、RAW 工作流、版权判断或受损文件修复仍应使用专业软件。