ZH
我的工具

图片取色器

按从0开始的坐标读取PNG、JPEG或WebP图片中的一个像素,查看其RGB HEX色值、RGBA字节值和透明度。

我的工具 →
广告

读取你设备上图片中某一个像素的颜色。上传PNG、JPEG或WebP文件并指定横、纵像素坐标,即可得到不透明的RGB HEX色值、取样的Alpha字节值,以及保留该透明度的色块图片。文件不会离开你的设备,全部在浏览器中处理。

使用方法

  1. 选择一张受支持的图片,大小不超过25 MiB,解码后不超过1600万像素。
  2. 输入距左边缘的X和距上边缘的Y,均从0开始。
  3. 计算并查看RGB值和Alpha。
  4. 如需视觉参考,可下载色块图片。

计算公式

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都可能影响通道值。它不是原始文件的色彩配置文件分析工具。

可以直接在图片上点击取点吗?

当前版本通过数字像素坐标来选取。请参考显示的原始尺寸来选择有效的点;你屏幕上显示的预览可能经过缩放。

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). 图片取色器. https://kakao.mobile/zh/tools/color-picker/

MLA

“图片取色器.” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/color-picker/.

广告