点击像素取色
上传本地图片后直接点击预览图任意位置，读取该像素的 HEX、RGB、HSL 和坐标。
适合设计复核
从截图、Logo、封面、商品图和设计稿里快速确认按钮色、背景色和品牌辅助色。
图片不上传服务器
图片读取、Canvas 渲染和像素取样都在浏览器本地完成，适合处理内部截图和未公开素材。
颜色吸管 · 浏览器本地处理
图片颜色提取神器-颜色吸管
选择本地图片后点击任意像素，直接输出 HEX、RGB、HSL 和坐标信息。图片只在当前浏览器读取，不会上传服务器。
#000000
HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
坐标
0, 0
HEX：#000000
RGB：rgb(0, 0, 0)
HSL：hsl(0, 0%, 0%)
坐标：x=0，y=0
请选择图片开始取色。
选择本地图片后点击任意像素取色，图片不会上传服务器。
工具使用说明
怎么用 图片颜色提取神器-颜色吸管
选择本地图片
上传 PNG、JPG、WebP 等浏览器可读取的图片文件，页面会在本地生成预览。
点击目标像素
在预览图上点击需要提取的颜色点，工具会读取原图坐标对应的像素颜色。
复制色值使用
根据页面输出的 HEX、RGB、HSL 和坐标信息，继续用于 CSS、设计稿或品牌色校对。
功能说明
这个工具解决什么问题
图片颜色提取神器-颜色吸管能解决什么问题
选择本地图片后点击像素取色，输出 HEX、RGB、HSL 和坐标信息，图片只在浏览器本地读取，不会上传服务器。
它适合从截图、设计稿、海报、Logo 和商品图中确认具体颜色，而不是凭肉眼估色。
为什么默认本地处理
取色经常会涉及未发布素材、内部截图或客户图片，默认本地处理可以减少上传风险。
页面只使用浏览器 FileReader 和 Canvas 读取像素，不需要服务端保存或转发图片。
常见问题
关于 图片颜色提取神器-颜色吸管，用户常问这些
图片会上传服务器吗？
不会。图片读取、预览和像素取样都在浏览器本地完成。
支持哪些颜色格式？
当前输出 HEX、RGB 和 HSL，同时显示点击位置在原图中的坐标。
点击位置会按原图坐标计算吗？
会。页面会把预览图点击位置换算回 Canvas 原始像素坐标。
适合处理敏感图片吗？
适合本地取色场景，但仍建议只在可信浏览器环境中打开敏感图片。