什么是吸管工作流?
截图经过桌面上传类应用或在线工具处理,而这些工具为了读取一个像素就上传您的图像——既慢,又会让截图泄露隐私。
从图片中选取颜色,获取 HEX、RGB 色值
工具未能加载,请检查网络连接后重试。
在图像上点击或使用方向键选取精确的像素颜色。
颜色会从解码后的图像读入 sRGB 画布以供显示。不会发起任何网络请求。
将 PNG、JPG 或 WebP 拖放到页面上——它会在本地加载。
点击或轻触该像素(或用方向键微调),即可锁定光标下的精确颜色。
将 HEX 代码直接复制到您的 CSS 中——RGB 值和透明度会同时显示,一目了然。
拖入或打开您的图片,然后点击或轻触想要的像素(方向键也可移动选区)。精确颜色会从画布中取样,并以 HEX、RGB 和透明度的形式显示。
它是 1:1 缩放下解码图像的精确像素值。如果预览被缩小,某些浏览器会对像素进行平滑处理——请放大以获得像素级精确取样。
PNG、JPG、WebP、GIF 和 BMP——您的浏览器能解码的都行。动图 GIF 会从第一帧取样。
不会。图像会绘制到本地 HTML 画布上,并通过您设备上的 JavaScript 取样。无上传,也不需要账户。
这里介绍每种格式的用途,以及何时将图像像素转换为颜色代码才是正确的选择。
什么是吸管工作流?
截图经过桌面上传类应用或在线工具处理,而这些工具为了读取一个像素就上传您的图像——既慢,又会让截图泄露隐私。
什么是画布取样?
图片会在您的浏览器中解码为 sRGB 画布,并通过 getImageData 逐像素读取。颜色以 HEX 和 RGB 形式即时返回,并完整保留透明度。
何时需要
适用于从徽标中匹配品牌色、复用截图中的色调,或检查抗锯齿边缘的真实颜色。如果需要多色调色板而非单个像素,请尝试调色板工具。