免费图片配色提取工具

从照片里提取主要颜色,每种颜色都能一键复制 HEX 色值。

正在加载编辑器…

如何使用本工具

想让帖子、封面或品牌素材和照片配色一致,先得知道照片里到底有哪些颜色。这个工具对图片采样,把相近的颜色归为一组,按占比列出最常见的颜色色块,并附上可复制的 HEX 色值。适合需要快速定配色的博主、社媒运营和设计师。

  1. 01

    上传照片或设计图

    点击“选择文件”,选择 JPG、PNG、WebP 或 AVIF 图片。一次添加多张,每张会分别生成一组配色。

  2. 02

    选择颜色数量

    颜色数量可填 2 到 12。色块按占比从高到低排列,想要一组主色,填 5 就够用。

  3. 03

    复制 HEX 色值

    色块会随颜色数量自动更新,点色块旁的复制按钮,就能把 HEX 色值粘贴到 Canva、Figma、CSS 或其他工具里。

图片配色可以用在哪里

• 让文案、贴纸和图片上的文字与照片配色一致 • 从产品图或 Logo 提取品牌色 • 让轮播图、精选封面保持同一色系 • 为边框或背景挑选与照片协调的颜色

颜色是怎么选出来的

• 图片先缩小到 100 × 100 像素进行采样 • 每个像素归入相近颜色的分组 • 按覆盖的像素数量从多到少排序 • 大部分透明的像素会被忽略 • 颜色数量可选 2 到 12,超出范围会自动调整

挑选实用配色的小贴士

• HEX 色值是分组后的近似色,不是逐像素的精确取样 • 需要某个点的精确颜色时,用设计软件的吸管工具 • 把两种颜色用作文字和背景前,先检查对比度 • 只想要某一块区域的颜色,可以先裁剪图片

常见问题

什么是图片配色提取工具?

图片配色提取工具会读取图片像素,给出其中的主要颜色。本工具在浏览器里对图片采样,归并相近色,把最常见的 2 到 12 种颜色显示为色块,并附上可复制的 HEX 色值。

怎么从图片里提取颜色?

1. 点击“选择文件”,选择图片。 2. 填写想要的颜色数量。 3. 查看实时结果中的色块。 4. 点击色块旁的复制按钮,复制 HEX 色值。

提取的 HEX 色值和照片里的颜色完全一样吗?

接近,但不是逐像素精确。每个色块代表一组相近颜色,并取整到附近的数值,比如深青色可能显示为 #204040。需要精确的品牌色时,请再用设计工具的吸管确认。

为什么有几个色块很接近?

边缘、阴影和渐变会产生过渡色,覆盖的像素足够多时也会排进前几名。减少颜色数量只保留最主要的分组,或者先裁掉杂乱的区域再提取。

可以点击图片上的某个位置取色吗?

不可以,这个工具没有吸管功能,会自动统计整张图片的颜色。想聚焦某个区域,先把图片裁剪出来,再对裁剪后的图片提取配色。

可以免费使用吗?

可以。无需注册,提取次数不限,也没有水印,做品牌配色或下一条帖子需要多少个 HEX 色值都可以复制。

图片会上传吗?

不会。图片在浏览器的画布中采样,颜色在你的设备上计算,不会发送到 SocQ 进行分析。

支持哪些格式和大小?

支持 JPG、PNG、WebP 和 AVIF,单张最大 30 MB、4000 万像素。采样在 100 × 100 的缩小副本上进行,大图的颜色分析也很轻量。

可以把配色导出成文件吗?

暂不支持导出 ASE、CSS 等配色文件,请直接复制色块上的 HEX 色值。“下载”按钮保存的是结果图片(JPG 仍为 JPG,其他格式保存为 PNG),不是色卡。

社媒账号的配色用几种颜色合适?

不少品牌会用几种核心色加一两种点缀色。可以先提取 5 到 6 种颜色,留下符合风格的几种,发布前再检查文字和背景搭配的对比度。

面向开发者

把视觉配色和公开社媒数据结合起来

使用 SocQ API 获取 Instagram、TikTok、YouTube 和 LinkedIn 上的公开帖子、主页和评论,结合配色工作,看看统一风格的视觉内容在公开页面上的反馈。

查看全部工具