图片精确色码提取器 放大镜辅助取色，一键复制 HEX／RGB／HSL
上传图片
将图片拖放到这里
或点击下方按钮选择文件，支持 JPG、PNG、WEBP、GIF 格式
🔒 图片仅在您的浏览器本机运算，不会上传到任何服务器
什么是图片精确色码提取器？
这是一款专为设计师、网页工程师与PPT制作者设计的免费在线取色工具。只要拖动或上传一张图片，将鼠标移到想要的颜色上，画面就会出现放大镜实时显示光标下的精确像素，点击一下即可自动复制该颜色的 HEX、RGB 与 HSL 色码，并收集进下方的调色盘中，方便一次比对多个颜色。
🔒 本工具100%在您的浏览器本机端运算，图片不会上传到任何服务器，您的原始文件与隐私完全不会外流。
谁会用到这个工具？
- 设计师与插画师：从客户提供的参考图、品牌识别稿或竞品截图中，快速抓出精确的品牌色码。
- PPT与营销制作者：从公司Logo或视觉素材中取出主色，让PPT配色与企业识别完全一致。
- 网页前端工程师：从UI设计稿截图中取出CSS所需的HEX色码，省去重新打开设计软件的时间。
- 摄影与美术爱好者：分析照片中的色调分布，作为后期调色的参考依据。
HEX、RGB、HSL 是什么？
这三者都是描述颜色的标准格式：HEX（例如 #4E8AB5）是网页设计最常用的十六进制色码；RGB 以红、绿、蓝三原色数值（0–255）组成；HSL 则以色相、饱和度、明度描述颜色，更贴近人眼直觉的调色方式。想进一步了解色彩系统，可参考 Wikipedia：Web colors。
使用方法
- 拖动图片到上传区域，或点击选择图片按钮。
- 将鼠标移到图片上任意位置，放大镜会实时显示光标下的精确颜色。
- 点击该位置即可自动复制HEX色码，同时加入下方调色盘；调色盘中每个色票都能单独复制HEX/RGB/HSL或删除。
常见问题 FAQ
Q1：我的图片会被上传到服务器吗？
不会。本工具使用浏览器原生的Canvas技术在您的设备本机端读取像素颜色，图片文件从头到尾都不会离开您的电脑或手机，刷新页面后数据也会自动清除。
Q2：屏幕取色按钮为什么没有出现？
屏幕取色功能使用浏览器原生的 EyeDropper API，目前仅Chrome、Edge等Chromium系浏览器（95版以上）支持，Firefox与Safari尚未支持此API。若没看到此按钮，代表您的浏览器暂不支持，但主要的图片取色功能不受影响，仍可正常使用。
Q3：取色结果会受图片压缩或格式影响吗？
会有些微影响。JPG等具破坏性压缩格式可能让像素颜色与原始设计稿有些微色差，若需要精确的色码，建议尽量使用PNG等无损格式的原始图档进行取色。