图片取色器
按从0开始的坐标读取PNG、JPEG或WebP图片中的一个像素,查看其RGB HEX色值、RGBA字节值和透明度。
读取你设备上图片中某一个像素的颜色。上传PNG、JPEG或WebP文件并指定横、纵像素坐标,即可得到不透明的RGB HEX色值、取样的Alpha字节值,以及保留该透明度的色块图片。文件不会离开你的设备,全部在浏览器中处理。
使用方法
- 选择一张受支持的图片,大小不超过25 MiB,解码后不超过1600万像素。
- 输入距左边缘的X和距上边缘的Y,均从0开始。
- 计算并查看RGB值和Alpha。
- 如需视觉参考,可下载色块图片。
计算公式
RGBA = (x, y) 处的画布像素;Alpha比例 = Alpha字节值 ÷ 255
坐标是指浏览器处理方向之后、按原始像素尺寸计算的解码图片上的位置。HEX只显示RGB通道,这些通道如何与背景混合则由Alpha值决定。
示例
在一张160×100的图片中,右下角像素是(159, 99)。如果它的RGBA字节为255, 0, 0, 128,则RGB HEX为#FF0000,Alpha为128/255 ≈ 0.501961。
坐标范围
X必须小于解码后的宽度,Y必须小于解码后的高度。位于右边界或下边界上、或超出边界的坐标会被拒绝,而不是去读取图片之外的透明像素。
常见问题
为什么换个背景,色块看起来就不一样?
半透明像素会与它后面的颜色混合。PNG色块保留了Alpha,而六位HEX色值只描述不透明的RGB。
读取的是压缩文件里的原始数值吗?
读取的是浏览器解码后的画布像素。JPEG解码、色彩管理和预乘Alpha都可能影响通道值。它不是原始文件的色彩配置文件分析工具。
可以直接在图片上点击取点吗?
当前版本通过数字像素坐标来选取。请参考显示的原始尺寸来选择有效的点;你屏幕上显示的预览可能经过缩放。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/color-picker/
引用此工具
kakaoCalc. (2026, November 8). 图片取色器. https://kakao.mobile/zh/tools/color-picker/
“图片取色器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-picker/.