跳到主要内容
Toolars
探索
报告问题

图片 · 本地工具

图片拾色器

Image Color Picker

输入坐标或点击预览,读取浏览器解码后图片的单个 Canvas 像素,不做邻域平均;点击色块复制 HEX,或下载含 rgba() 的完整色值。

任务路径 / 从输入到结果

选择图片

本地运行 · 不做任何上传

了解图片拾色器的使用方法、隐私说明与相关工具

任务路径 / 从输入到结果

如何从精确像素上取色

  1. 01

    选择图片

    点击“选择文件”——或把图片拖入拖放区——打开不超过 12 MiB 的 PNG、JPEG 或 WebP;单边不超过 8,192 像素,总像素不超过 24,000,000。图片只在当前标签页内打开并确认尺寸,不会上传。

  2. 02

    设置坐标

    在“像素 X”和“像素 Y”中填写整数像素值,左边缘和上边缘从 0 开始——也可以按工作区提示,直接点击源预览同时设置两个坐标。点击会映射回精确的源像素,因此预览的显示大小不会改变你读到的值。

  3. 03

    读取像素

    点击“拾取像素”。工具将解码后图片指定坐标绘制到 1 × 1 Canvas 并读取 RGBA,不平均周围坐标。浏览器解码及 Canvas 的色彩、alpha 处理可能让结果不同于源文件的编码字节。越界坐标会在绘制前被拒绝。

  4. 04

    复制颜色

    结果显示该 Canvas 像素的 HEX、rgb()、rgba()。点击色块只复制 HEX,且 HEX 不包含透明度;如需保留 rgba() 等全部数值,请使用文本结果或下载小型文本文件。

工具速览

处理方式
在浏览器本地完成
输入是否离开设备
从不
数据保留
不保存任何内容
价格
免费

你的输入留在浏览器里。

图片拾色器 使用经过验证的本地执行路径,不会创建隐藏的输入或输出历史记录。

本地执行

在当前浏览器标签页内运行。

无隐藏处理

使用中的工具数据绝不会成为 Toolars 的文档记录。

无需账户

无需创建账户即可使用核心工作流。登录后收藏才会同步到你的账户。

立即重置

关闭标签页,当前的工作数据即刻消失。

图片拾色器 究竟做什么

让按钮配上某个只存在于截图里的颜色、取图表背景的确切色值写进报告、验证两个品牌蓝是不是真的只差一级——像素级的问题需要像素级的答案。在预览上点附近的位置,再把坐标逐一加减来比较相邻像素,rgba() 读数能终结一切靠肉眼争不出结果的争论。图片拾色器在本地读取坐标,内部仪表盘或未发布页面的截图因此从不离开设备。

常见问题

坐标原点在哪里?
像素 (0, 0) 位于左上角;X 向右增大,Y 向下增大。请输入小于解码后图片宽高的非负整数。无效或越界坐标会在 Canvas 采样前被拒绝;错误提示会说明问题,但不一定列出具体数字上限。
它取的是一片区域的平均色吗?
工具不会平均邻域,而是从浏览器解码并校正方向后的图片读取一个坐标。这是显示像素网格中的精确坐标,不承诺 RGBA 字节与源文件编码完全一致。需要整图概括时请使用平均色工具。
rgba() 值里的 alpha 告诉我什么?
alpha 是这个 Canvas 像素报告的不透明度,rgba() 中保留三位小数。浏览器解码与绘制后,它可能不同于源文件直接编码的通道值。HEX 和 rgb() 不含 alpha;透明度重要时,请对照 rgba() 并在目标背景上预览。
预览大小会影响我读到的像素吗?
不会。点击预览只是输入坐标的快捷方式:点击位置会映射回源图自己的像素,读取发生在那个精确的源坐标上。无论预览显示得大还是小,报告的 RGBA 值都是同一个源像素。
图片会被上传到别处吗?
不会。渲染和像素读取完全在当前浏览器标签页内运行,无需账号;重置工作区后,图片和取到的色值都会被丢弃。

延伸阅读

继续探索图像工作室

相关任务,而非死胡同。

无需返回完整索引,直接进入另一个专注的工作区。

图片裁剪器

Image Cropper

按整数像素坐标把 PNG、JPEG、WebP 图片裁剪到精确区域,可选自由、1:1、4:3、3:2、16:9 比例,导出 PNG、JPEG 或 WebP,全程本地。

编辑

图片滤镜

Image Filters

在浏览器内用亮度、对比度、饱和度、灰度、褐色与模糊六个滑杆调整照片,整条滤镜链一次渲染进像素,按原始尺寸下载 PNG。

编辑

图片尺寸调整器

Image Resizer

把 PNG、JPEG、WebP 图片缩放到 1–8,192 像素间的精确尺寸,可锁定宽高比;批量模式一次处理最多 12 张并打包为 ZIP,无需上传。

编辑

图片平均色提取器

Image Average Color Finder

计算图片的 alpha 加权平均色:透明像素不计入,大图先缩至 400 万像素内再测量;结果以 HEX、rgb()、rgba() 给出,点击即可复制。

检查