图片取色器

上传一张图片,工具会把它绘制到画布上。鼠标在画布上移动即可实时预览该像素的颜色,点击即可拾取并加入颜色列表,输出 HEX、RGB、HSL 三种格式,可一键复制。图片仅在浏览器本地读取与绘制,不会上传。

选择图片 等待选择

未选择图片

支持 PNG、JPG、WebP、GIF 等常见格式,图片仅本地读取。

取色画布
选择图片后,在画布上移动鼠标预览颜色,点击即可拾取。
HEX—
RGB—
HSL—
坐标—
HEX—
已拾取0
图片尺寸—

点击画布拾取像素颜色;移动鼠标可实时预览颜色。

已拾取颜色

还没有拾取任何颜色。点击画布上的像素即可加入列表,重复颜色会自动去重。

取色规则
  • 用 canvas 的 getImageData(x, y, 1, 1) 读取单个像素的 RGBA 值。
  • HEX 用两位十六进制表示 R、G、B,如 rgb(255,0,0) → #ff0000。
  • HSL 为标准换算:色相 0–360°、饱和度 0–100%、亮度 0–100%。
  • 坐标原点在画布左上角,x 向右递增、y 向下递增。
  • 本地文件经 FileReader 转 DataURL 后绘制,不会造成 canvas 跨域污染。
  • 取色结果仅供设计参考,不做色彩管理(sRGB/ICC)转换。