跳到内容

从图像取色

从图片中选取颜色,获取 HEX、RGB 色值

正在准备工具…

取色器

在图像上点击或使用方向键选取精确的像素颜色。

将图像拖放到此处,或按 Enter 浏览PNG · JPG · WEBP · AVIF · HEIC — 最大 20 MP / 25 MB

颜色会从解码后的图像读入 sRGB 画布以供显示。不会发起任何网络请求。

如何从图像中选取颜色

  1. 打开您的图像

    将 PNG、JPG 或 WebP 拖放到页面上——它会在本地加载。

  2. 点击一个像素

    点击或轻触该像素(或用方向键微调),即可锁定光标下的精确颜色。

  3. 复制该值

    将 HEX 代码直接复制到您的 CSS 中——RGB 值和透明度会同时显示,一目了然。

常见问题

如何从图像中选取颜色?

拖入或打开您的图片,然后点击或轻触想要的像素(方向键也可移动选区)。精确颜色会从画布中取样,并以 HEX、RGB 和透明度的形式显示。

取样的颜色是精确值还是平均值?

它是 1:1 缩放下解码图像的精确像素值。如果预览被缩小,某些浏览器会对像素进行平滑处理——请放大以获得像素级精确取样。

我可以加载哪些格式?

PNG、JPG、WebP、GIF 和 BMP——您的浏览器能解码的都行。动图 GIF 会从第一帧取样。

我的图片会被上传到任何地方吗?

不会。图像会绘制到本地 HTML 画布上,并通过您设备上的 JavaScript 取样。无上传,也不需要账户。

在画布上进行像素取样

这里介绍每种格式的用途,以及何时将图像像素转换为颜色代码才是正确的选择。

什么是吸管工作流?

截图经过桌面上传类应用或在线工具处理,而这些工具为了读取一个像素就上传您的图像——既慢,又会让截图泄露隐私。

什么是画布取样?

图片会在您的浏览器中解码为 sRGB 画布,并通过 getImageData 逐像素读取。颜色以 HEX 和 RGB 形式即时返回,并完整保留透明度。

何时需要

适用于从徽标中匹配品牌色、复用截图中的色调,或检查抗锯齿边缘的真实颜色。如果需要多色调色板而非单个像素,请尝试调色板工具。

把文件工具留在手边

安装 ToolMink,从桌面或主屏幕快速打开。