从照片中提取配色方案
提取图片配色 的预设方案
从一张照片中构建配色方案。预设为六种颜色,足以捕捉照片的色彩范围,又不会产生在设计中难以分辨的近似重复色。
- 文件永不离开你的设备
- 免费,无需注册
- 无水印
- 加载后可离线使用
如何提取图片配色
- 1
添加图片
拖入一张照片、截图或设计稿——或从剪贴板粘贴。
- 2
选择颜色数量
五到六种颜色通常是最实用的配色数量。
- 3
复制数值
每个色块都提供 HEX 和 RGB 数值,以及它在图片中所占的比例。
专门从照片构建主题配色
从照片中提取配色,和从 Logo 或平面设计稿中提取,是两种不同的工作,因为照片承载的是连续的光影变化,而不是少数几种刻意设计的平面颜色——同一件红色衬衫,在光照和阴影两侧就能贡献十几种细微不同的色块,量化算法之后才会把它们重新归并到一起。六种颜色留有足够的余地来捕捉这种范围——几个主导色调、一个辅助色,再加上从面积较小但视觉上有明显区分度的区域提取出的一到两个点缀色——而不会让整套配色坍缩成六种几乎一样的同色系色调。
以这种方式从一张风景照或产品照片构建出的配色,通常很适合作为网站主题或设计稿的起点:出现频率最高的色块(通常是面积最大的区域,比如天空或背景)自然适合作为背景色或低调的表面色,而覆盖比例较小、数值较高的那些色块,则天然适合作为点缀色,正是因为算法本来就倾向于选出与图像其余部分视觉上有明显区分度的颜色。
在把某个色块确定为设计中特定角色之前,值得先看一下它的覆盖比例:一种颜色如果占源照片的 45%,用作小面积点缀色会显得过于突兀;而一种只占 3% 的颜色,用作大面积背景填充又会几乎消失不见。把色块的覆盖比例,和新设计中视觉权重相近的角色对应起来,通常比单纯凭"哪种颜色单独看起来更好看"来挑选,能得到更均衡的结果。
常见问题
颜色是如何选出来的?
通过中位切分量化算法——图片的颜色会沿着数值范围最宽的坐标轴(红、绿或蓝)被反复切分成多个色彩组,直到剩下所需数量的组,每个组的加权平均值就成为一个色块。这与 GIF 调色板使用的算法相同,它会同时兼顾颜色的独特性和常见程度。
为什么提取出的配色和我看到的不一样?
因为人眼会被"主体"吸引,而算法只是在统计像素。一张草地上红色汽车的照片,提取出的配色大多是绿色,因为绿色确实占据了图片的大部分面积。裁剪到你真正关心的部分,就能得到你预期的配色。
百分比数值是什么意思?
指分配给该色块的像素占比。这是衡量视觉权重的一个不错的参考——一种颜色占图片 40%,在任何基于这套配色的设计中都会占主导地位,所以它通常适合作为背景色,而不是点缀色。
透明区域会被计算在内吗?
不会。完全透明的像素会被排除在外,所以透明背景上的 Logo 提取出的是 Logo 本身的颜色,而不会被拉偏向黑色。