跳至主要内容

实用工具

图片取色器·颜色提取

从图片提取5~10个主色,显示每种颜色的占比%、HEX/RGB/HSL颜色代码和最接近的颜色名称。

把图片拖到这里

JPG、PNG、HEIC、WebP · 也可以用Ctrl+V粘贴

图片不会上传到服务器,所有处理都在浏览器内完成。

这款在线图片取色器只需一张照片:自动提取5、6、8或10个主色,标出每种颜色在画面中的占比(%),并给出HEX、RGB、HSL颜色代码。所有处理都在浏览器里完成,图片不会发送到服务器。支持JPG、PNG、HEIC、WebP,可以选择文件、拖入或用Ctrl+V粘贴。

只想知道某一点的颜色?直接点击图片上的位置,就像吸管一样取色,并取周围3×3像素的平均值,不会被单个杂色像素带偏。取到的颜色同样显示HEX、RGB、HSL,点一下代码即可复制;还能一键复制整套配色的HEX代码,提取Logo或截图的颜色代码很省事。

和只给色值的工具不同,这里会为每种颜色匹配颜色代码大全52种命名颜色中最接近的一个,一眼看出那抹蓝更接近藏青还是青绿,并可跳转到该颜色的详情页查看相近色。占比%能看出哪个是主色、哪个是点缀色,做网页、PPT、科研图片配色或情绪板时,连配色比例都能参考。

主色是怎么算出来的?先把图片长边缩小到200像素,再用中位切分法(median cut)的变体把相近颜色聚类,每一类的平均色就是一个主色。结果可保存为1200×630的PNG配色卡,包含色带、HEX代码和占比,方便分享或放进设计稿。

常见问题

  • Q. 怎么提取图片里的颜色?

    A. 把照片拖进本页或点击选择,再从5、6、8、10个中选择主色数量,配色马上生成。每种颜色都会显示占比%和HEX、RGB、HSL代码,点击代码即可复制。支持JPG、PNG、HEIC、WebP格式。

  • Q. 图片会上传到服务器吗?

    A. 不会。图片的读取和分析全部在浏览器内完成,不会发送到任何服务器。用Ctrl+V粘贴的截图也不会离开你的设备。

  • Q. 怎么识别图片中某一点的颜色代码?

    A. 点击图片上想取色的位置即可。工具会取该点周围3×3像素的平均色,显示HEX、RGB、HSL代码和最接近的颜色名称,即使是有压缩噪点的图片,结果也很稳定。

  • Q. 颜色旁边的百分比是什么意思?

    A. 表示这一类颜色在图片中所占的比例。工具先把图片长边缩到200像素,用中位切分法的变体把相近颜色归为一类,再按每类大小换算成%。数值越大越是主色调。PNG Logo的透明背景等透明像素不计入,因此占比只按可见部分计算。

  • Q. 提取的配色可以保存成图片吗?

    A. 可以。保存后得到1200×630的PNG,包含色带、HEX代码和占比,尺寸适合社交分享卡片和幻灯片。也可以一键复制全部HEX代码。