图片取色器

关于图片取色器

这是适用于任意图片的吸管：加载一张照片、截图或设计稿，点击某处，它会以 HEX 和 RGB 值告诉你那里的确切颜色。设计师和开发者用它来从徽标匹配品牌色、从参考照片采样某个色调、从图片中提取配色，或在没有原始文件时从截图中还原某物的颜色。

工作原理

你的图片以完整分辨率绘制到 canvas 上。当你点击时，工具读取该点的确切像素，并以两种方式报告其颜色——HEX 代码（如 #3f7ac2）和 RGB 值——并带一个色块预览。由于 canvas 以原生分辨率保存图片，即使图片为适应屏幕而被缩放显示，点击也会映射到真实的像素。

假设与行为

• 它采样你点击的单个像素，采用图片的原生分辨率。
• 颜色以 HEX 和 RGB 两种形式报告，并带实时色块。
• 适用于浏览器能打开的任意图片——照片、截图、导出的图形。
• 显示的图片可能被缩放以适应，但采样的颜色来自实际的底层像素。

局限

• 它读取一个确切的像素，而非某区域的平均——点击带噪点、JPEG 伪影或抗锯齿的位置会给出那个精确像素的颜色，可能与你本想取的周围颜色略有不同。放大或换一处更干净的区域以获得准确采样。
• JPEG 压缩会微妙地偏移颜色，因此从压缩照片采样的值可能与原始设计的颜色不完全一致。
• 它报告 HEX 和 RGB；不提供 HSL、CMYK 或 Pantone 对应值。
• 它采样颜色；不会自动构建完整的配色板。

隐私

一切完全在你的浏览器中用 Canvas API 运行。你的图片绝不会被上传或存储。