在线图片取色器

上传图片并点击任意位置,精准识别像素颜色值。


或将图片拖拽到下方区域

点击上传或将图片文件拖到这里

颜色信息
{{ pickedHex }}
最近提取
提示:滚动鼠标滑轮可缩放图片,方便进行像素级精准取色。

工具简介

在线图片取色器(Color Picker from Image)是一款实用的网页端工具,允许您从任何本地图片中提取精准的颜色代码。它特别适用于前端开发人员从设计稿中识别颜色,或设计师寻找灵感。本工具集成了一个高性能的 Canvas 引擎,支持超大图片处理和实时缩放功能。

使用指南

  1. 加载图片: 点击上传按钮或直接将图片拖入灰色虚线框区域。
  2. 定位取色: 鼠标在图片上移动时,右上角的放大镜会显示当前位置的像素细节。
  3. 获取代码: 在目标像素上点击左键,右侧面板即刻显示对应的 HEX 和 RGB 代码。
  4. 历史记录: 最近选取的 10 种颜色会自动保存在下方,方便重复使用。

安全与性能

本工具采用浏览器 Canvas API 进行像素读取(`getImageData`)。由于基于客户端渲染技术,您的图片数据绝不会被上传到我们的服务器,取色过程完全发生在您的电脑本地,绝对保护您的图片隐私。支持主流的 JPG、PNG、WebP、GIF 等图片格式。