首页 / 工具 / 取色器

取色器

拖入或选择一张本地图片,用鼠标在图上点一下取走像素颜色;带放大镜网格看清边缘,取过的颜色留在最近使用里,没图时先用默认色板。

· 等待图片

当前颜色
输出

本地图片

—

把图片拖到这里,或者

图片只在本机读取并画到 canvas 上,不会上传、不会被写进任何请求;支持 PNG / JPEG / WebP / GIF 的静态首帧。

放大镜

—

默认色板

—
—

没有图片时也能开工:点任意色块即可取色并复制它的颜色值。

最近使用

—

最多保留 12 个,点击即可再次取用;「清空」会连同历史一起清掉。

颜色数值

—
HEX
—
RGB
—
HSL
—
Alpha
—
取色坐标
—
图片尺寸
—

说明

  • 数据不出浏览器 · 零网络请求 · 可断网可用。
  • 图片通过 FileReader 读成 data URL,再画到 canvas 上,全程没有上传、也没有任何请求;换图或移除图片只需重新读一次本地文件。
  • 取色时按 canvas 的真实像素读取:鼠标位置会换算回 canvas 坐标系,再取整到整数像素,所以放大的图片上也能点到准确的一格。
  • 超过 1600 像素的长边会先等比缩到 1600,避免超大图吃内存;这种情况下取到的是缩放后的颜色,状态条会写明。
  • 带透明通道的 PNG 会保留 alpha,输出的 HEX 写成 8 位(#rrggbbaa),RGB 也会带上 alpha。
  • 放大镜读的是同一块画布,网格大小可选 5 × 5、9 × 9、13 × 13,中心格用描边标出;网格外的像素不会被访问。
  • 单张图片上限 24 MB,超过会在状态条报错;读图失败(不是图片、格式不支持)同样给明确提示,不会留下半张画布。