提取图片颜色
Free使用中值切分量化算法从图像中提取主色调色板，可复制为十六进制或CSS变量。
完全在您的浏览器中运行。您的图片绝不会被上传到任何地方。
点击选择图片，或将图片拖放到此处
最近活动
所有人可见。所有访客的最近 20 次使用记录,最新的在前。
暂无活动记录。快来成为第一个吧。
此工具的功能
使用中位切割颜色量化技术从任何图片中提取主色调,这与流行的调色板提取库使用的技术相同,可调节颜色数量,并支持一键复制为十六进制代码或 CSS 变量。
工作原理
图片的所有像素起初都在一个组中。该工具找出在像素最多的组中变化范围最大的颜色通道(红、绿或蓝),沿该通道对该组的像素进行排序,并在中位数处将其分成两半,使两半包含大致相同数量的像素。这一分割过程不断重复,始终以像素最多的组为目标,直到组数与您请求的颜色数量相同。然后,每个最终组通过对其像素求平均值缩减为单一颜色,得到的颜色按最常见(最大组)优先排序。
解决的问题
- 根据照片、标志或艺术作品创建配色方案或主题。
- 快速识别图片中的主色调,用于设计或品牌决策。
- 根据图片的配色方案生成可直接使用的 CSS 自定义属性。
常见问题
›该工具如何选择我图片中最重要的颜色?
它使用一种称为中位切割量化的技术:将每个像素的颜色视为 3D 红/绿/蓝空间中的一个点,沿着颜色变化最大的通道反复将像素最多的颜色组一分为二,一旦分组数量达到您所要求的颜色数量,就将每组求平均值得到一个代表颜色。像素较多的组在结果中排在前面,因此调色板反映了每种颜色实际覆盖图像的比例。
›为什么这比简单地将整张图片平均成一种颜色更聪明?
一次性平均所有颜色会将带有明显红色和蓝色区域的照片混合成一种在原图中根本不存在的浑浊紫色。通过在平均之前将色彩空间划分为独立的组,每组只包含相似的颜色,因此红色区域和蓝色区域会作为各自独立、可识别的调色板条目保留下来,而不是相互抵消。
›为什么提取出的调色板可能会漏掉我在照片中清楚看到的颜色?
如果该颜色只覆盖图像的一小部分,它可能最终被并入一个更大、更主导的组,而不是获得自己的位置,尤其是在颜色数量较少时。增加请求的颜色数量能让细小或微妙的颜色区域有更好的机会被单独拆分成自己的调色板条目。
›这会分析全分辨率的图片吗?
在分析之前,图片会先被缩小为一个较小的工作副本,因为调色板提取只需要有代表性的颜色样本,而不是每个像素,这使得工具即使处理大尺寸照片也能保持快速。这不会影响图片本身,只影响分析过程,不会上传任何内容,原始文件也绝不会被修改。
›我可以在 CSS 中使用这个调色板吗?
可以,点击"复制为 CSS 变量"即可将调色板复制为可直接粘贴的 --color-1 到 --color-N 自定义属性,或点击"复制为 HEX 列表"获取一份简单的十六进制代码列表。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!