配色提取器
输入 · 原图输出 · 成品

配色提取器

放入任意图像。它会以确定性方式对颜色进行聚类,并渲染一张带有十六进制值以及每种颜色在图片中所占比例的调色板。相同的图像始终会得到相同的调色板。

输入
参考图 · 必填色板版式 · 选填提取色数 · 选填
输出
带 hex 色值标注的色板图 × 1

参考图

必填

放入图像

图片在画布里上传,这里填的是参数。

色板版式选填
提取色数选填

从图像中提取调色板能为你带来什么

从图像中提取调色板,意味着找出真正支撑这张图片的颜色,并为它们赋予数值。这个工具采用聚类而不是猜测,因此调色板可重复生成,并且每个色块都会标注其十六进制值。

左侧为照片,右侧为从照片提取的六色色板
一张照片以及从中提取出的调色板表

颜色调色板提取器会返回给你的三样东西

输入一张图像。返回的是一张你可以读取、复制,并且明天还能再次得到的色板。

原图下方整齐排列六个等大的色块
可复制

每个色块都有十六进制值

每种颜色都标有其十六进制值,因此可以直接放入设计文件、样式表或规范中,无需任何人先凭肉眼取样。

比例色条中,各颜色的宽度对应其在图片中的占比
图像占比

比例,而不只是颜色

每个色块都带有它在图片中占据的比例。这正是“图像中有的颜色”和“图像实际由其构成的颜色”之间的区别。

从同一图片提取两次,得到相同的色块行
确定性

相同图像会得到相同调色板

提取过程是聚类,而不是生成式猜测。下个月对同一个文件再次运行,你会得到相同的六种颜色,这使它能作为参考使用,而不是一次性的结果。

如何通过四个步骤从照片中获取颜色调色板

  1. 放入图像

    一张照片、一张截图、一个徽标、一件艺术作品。任何带有颜色的内容都可以使用,而且无需事先准备。

  2. 选择颜色数量

    四种适合快速浏览,六种适合工作调色板,八种适合图像内容繁杂且你需要保留长尾颜色时使用。

  3. 选择布局

    Bars 和 Grid 用于读取颜色。Proportional 用于查看图像实际上由哪些颜色构成。

  4. 提取,然后继续工作

    调色板表会出现在图像旁边的全新 Virse 画布上。复制十六进制值,以不同数量重新运行,或将该表带入文档中。

谁需要从图像生成品牌颜色调色板

那些必须先为颜色命名,别人才能基于它进行构建的人。

简洁的抽象品牌标志与从中提取的色板并排展示

品牌与视觉识别设计师

当原始规范已经遗失、只剩下图稿时,从徽标或旧品牌素材中恢复可用的工作调色板。

参考照片旁排列着采用该照片配色的抽象色块

UI 与网页设计师

从参考图像中提取起始调色板,并获得可直接放入 token 的十六进制值,而不是凭肉眼取样。

四张活动图片各自展示在对应的提取色板上方

内容与社交团队

通过查看一组图像实际由哪些颜色构成,而不是它们感觉像什么颜色,来检查它们是否真正符合品牌调性。

图像转调色板表是什么样的

产品照片下方展示其六色色板
六种颜色,标注十六进制:从产品照片中提取的工作调色板
照片下方的比例色条,各色宽度对应其主导程度
比例布局:色块宽度显示图像主要由什么颜色构成
抽象几何标志下方展示从中提取的色板
来自徽标的调色板:从没有规范文件的艺术图稿中恢复品牌颜色
内容繁杂的照片被归纳为四种主要颜色
四色快速浏览:繁杂照片的最短实用版本
八个色块同时呈现主要颜色和点缀色
八种颜色,长尾:在主导颜色旁呈现强调色
从同一照片提取出的两行色块完全一致
同一文件,同一结果:相隔一个月运行两次,色块完全相同

为什么确定性提取器胜过吸管工具

手动取样可行,直到你需要重复一次并得到相同答案。

凭眼睛挑选颜色

  • 你点击的位置决定颜色,因此两个人会从同一张图像得到两套调色板
  • 没有任何信息告诉你某种颜色是覆盖了图像的一半,还是只占据了一个角落
  • 下个月重复这一操作会得到一组不同的颜色
  • 数值需要手动记录,而这正是错别字产生的地方

Virse 提取器

  • 图像会被聚类,因此调色板来自整张图片,而不是来自一次点击
  • 每个色块都会在其十六进制值旁显示它在图像中所占的比例
  • 同一个文件每次运行都会得到同一套调色板
  • 该表会出现在画布上,数值已标注好,可随时复制
常见问题

常见问题

如果运行两次,调色板稳定吗?
可以。提取采用的是确定性聚类,而不是生成式猜测,因此同一张图片每次都会得到相同的调色板。
十六进制值可以直接使用吗?
可以。每个色样都标注了其十六进制值及在图片中的占比,因此你可以直接复制到设计文件中。
它会更改我的图像吗?
不会。你上传的图片不会被做任何处理。返回的是一张单独的调色板表,原图会原封不动地放在画布旁边。
它能推荐一套与这些颜色搭配的调色板吗?
不会。它报告的是图片中实际存在的颜色,而不是建议应当使用什么颜色。和谐规则、互补配色和生成的调色板属于另一类工具,而这个工具有意不进行猜测。
点击“创建”会立即运行工具吗?
不会。输入会传入新的画布并预填到工具中,但只有在画布内点击“开始”后才会运行。链接不会代你消耗算力。
之后能继续编辑结果吗?
可以。工具的所有结果都会进入普通的 Virse 画布,你可以单独重新生成某个输出、调整或继续编辑,无需导出后再导入。

获取图片背后的调色板

从这里开始。放入一张图片,调色板会在新的 Virse 画布上显示在它旁边,直到你按下“开始”才会运行。