实用工具
图片取色器·颜色提取
从图片提取5~10个主色,显示每种颜色的占比%、HEX/RGB/HSL颜色代码和最接近的颜色名称。
把图片拖到这里
JPG、PNG、HEIC、WebP · 也可以用Ctrl+V粘贴
图片不会上传到服务器,所有处理都在浏览器内完成。
推荐内容
在浏览器里把照片裁成证件照尺寸,一键换白底、蓝底、红底,还能导出4×6英寸排版打印。免费,不上传。
在浏览器里压缩图片、修改尺寸和裁剪,一次最多20张,可压缩到指定大小(KB),无需上传。
自动识别照片里的人脸,用马赛克、模糊或纯色遮住。在浏览器里免费完成,图片不上传。
在16x16、32x32或64x64格子上画像素画,一键保存透明背景PNG。免费、无需注册。
粘贴文本→15 种遮罩形状词云即时生成,免费下载 PNG。
在浏览器里把iPhone的HEIC照片和WebP、PNG转换成JPG、PNG或WebP。一次最多批量转换30张,免费,无需上传。
最多30张图片按竖排、横排或网格拼成一张JPG/PNG,长截图自动去掉重叠部分,无需上传。
从红色、蓝色到深红、青绿,52种命名颜色的HEX、RGB、HSL代码,一键复制直接用。
这款在线图片取色器只需一张照片:自动提取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代码。