从图片提取配色方案

在浏览器本地从任意图片里提取配色,每个色块都给出 hex、RGB、HSL,点一下就复制。

你放进来的文件全部由浏览器本地处理,不会上传,也不会存在我们的服务器上——页面加载完成后即使断网,工具照样能用。

配色提取 怎么用

  1. 1把图片拖进上面的方框,或者点一下选文件。照片、截图、电影剧照都可以。
  2. 2选你想要几个颜色。大多数图片从 6 个开始比较合适。
  3. 3点任意色块复制它的 hex 值,或者一次性复制全套。

这个在线配色提取和别家有什么不一样

大多数配色提取工具是在数像素:统计图里出现的确切 RGB 值,按频次排序,返回排在前面的几个。在 一张真实照片上,这么做产出的是五个几乎分辨不出的深浅,因为出现次数最多的那些确切值,全都是占 面积最大的那个颜色的微小变体。

这个工具用的是中位切分。它把图片的颜色看成三维空间里的一团体积,然后反复把跨度最大的那个盒子 沿着变化最剧烈的通道对半劈开,直到盒子数量等于你要的数量,每个盒子的平均值成为一个色块。结果 是横跨整张图,而不是挤在它的某个角落里:一张日落照给你的是天空、水面和剪影,而不是三个略有 差别的橙。

它也是确定性的。同一张图永远给出同一套配色,当你是在对齐一个既有设计而不是在随手探索时,这一点 很重要。

百分比该怎么读

每个色块上标着落进这一组的采样像素占比,这个数字携带的信息是颜色本身给不了的。

占到 40% 的颜色是画面的地基,是观众心里"这张图是什么颜色"的那个答案。占 3% 的是点缀色,而点缀 色通常才是有意思的部分:冷调场景里唯一那盏暖光、一片灰调布景中那个饱和度很高的道具。搭配色板 时,大占比的那些给你背景,小占比的那个给你让整套配色成立的高光。

用电影剧照做图片配色提取

图片配色提取是大家来这儿最常想办的事,而不是从零生成一套色板,这种情况值得单独说一句。

一张你喜欢的电影截图,给你的是一套已经在银幕上被验证过的配色,还附带调色师定下的比例关系。取 6 个颜色,把百分比记在心里,你同时拿到了色板和权重。把这些 hex 值当成明确的颜色指令写回提示词 里,比描述一种氛围然后指望模型给出同样结果,要可靠得多。

采样与隐私

读取像素之前,图片会先被缩到 128 像素的网格上。一张 2400 万像素的照片相当于 96 MB 的原始颜色 数据,直接量化会把标签页卡死,而从一张小缩略图得到的配色在视觉上完全一样。全部过程都在这个 浏览器标签页里,图片不会被上传。

图本身还没有?

如果你来这儿是因为素材压根还不存在,那就先生成:把想要的画面描述出来,从 Flux、GPT Image、Nano Banana、Seedream 等模型里挑一个。

打开 AI 图片生成

常见问题

这些颜色是怎么挑出来的?
用中位切分:把图片的色彩体积沿着变化最大的那个通道反复对半劈开。而简单工具那种"统计出现最多的确切像素值"的做法,返回的往往是同一个主色的五个几乎一样的深浅。
每个色块上的百分比是什么意思?
落进这个颜色分组的采样像素占比。它告我这张图实际上是靠哪个颜色撑起来的,而那个颜色并不总是看上去最抢眼的那个。
该要几个颜色?
6 个能覆盖大多数图片。4 个会把配色压到最本质的部分,做品牌相关的活儿时有用。画面很杂、或者你想要的是点缀色而不只是基调时,10 到 12 个更合适。
带透明的图片能处理吗?
能。全透明的像素会被跳过,而不是被读成黑色——后者正是简单工具从抠图 PNG 里提配色时,总会多出一个幽灵黑色块的原因。

更多免费工具