如何从图片中取色（吸管工具）
从任意图片中提取精确的颜色代码。一键获得 HEX、RGB 和 HSL。
什么是吸管工具？
吸管工具是采样图片中任意像素精确颜色的工具。点一下像素，工具就会返回该颜色的数值 —— 通常是 HEX、RGB 或 HSL 格式。设计师和开发者经常用到它："我喜欢照片里那个蓝，是什么蓝？"用吸管 2 秒就能搞定。
人们需要从图片中取色的原因既实际又频繁：
- 让品牌与照片呼应：你有一张产品照片，希望网站的强调色和产品呼应。吸管能找出那个精确色调。
- 复制设计：你看到喜欢的网站或海报，想在自己的项目里用同样的蓝。给截图吸个色就有 hex 代码了。
- 建立调色板：一张照片里有 5-6 个看起来很搭的主导色。吸管把它们提取出来作为起点。
- 调配油漆或面料：拍一张墙的照片，吸一下色，带去油漆店配出对应色卡。
- 精确校色：需要让 Logo 的蓝色在两张图里保持一致？两边都吸一下，对比代码，调整。
- 好奇心："那块黑真的是黑吗，还是深蓝？"吸一下，一键揭晓。
好消息是：只要用对工具，从图片中取色只需 10 秒，而且不需要装任何东西。
方法一：使用 UtilBoxx 免费取色器（推荐）
最快、最安全、最私密的方式是 UtilBoxx 的取色器工具。它完全在你的浏览器中运行，图片不会离开你的设备。没有上传、没有注册、没有追踪。
使用方法如下：
- 打开 utilboxx.com/zh/tools/color/picker
- 点击上传区域选择你的图片（或直接拖入）
- 鼠标悬停在图片上 —— 实时颜色预览显示光标下的 hex 代码
- 在图片任意位置点击即可"锁定"该颜色
- 同时读取 HEX、RGB 和 HSL 格式
- 点击任意输出即可复制到剪贴板
- 可选：放大图片以实现像素级精确采样
为什么推荐这个方法：
- 100% 免费，无账号、无注册、无邮箱验证
- 隐私优先：所有处理都在你的浏览器本地完成，图片不会上传到任何服务器
- 实时预览：点击前就能看到光标下的颜色
- 三种格式同显：HEX、RGB、HSL 并排展示
- 一键复制：任意格式一键复制到剪贴板
- 支持缩放：从小图或细节图上做像素级精确采样
- 全设备支持：Windows、Mac、Linux、ChromeOS、iOS、Android
如果你只是偶尔取色，这是最省心的选择。
方法二：Adobe Photoshop（付费）
Photoshop 是图像编辑领域的重量级选手，它的吸管工具（快捷键 I）是颜色采样的黄金标准。在打开的图片上点一下，前景色块就更新为采样值。信息面板（窗口 > 信息）会同时显示精确像素坐标以及 CMYK、RGB、HSB、Lab 和 Web（hex）格式的颜色。你还可以把样本大小设为"3x3 平均"或"5x5 平均"来采样一小块区域而不是单个像素，这对噪点或抗锯齿图片非常有用。
代价是价格。Photoshop 是 Creative Cloud 订阅的一部分，每月约 $22.99（每年约 $240 美元）。如果只是偶尔吸一下色，杀鸡用牛刀，选项面板对大多数人来说也太多了。
只有当你已经用它做修图、合成或设计时，Photoshop 才值得。如果取色就是你的全部需求，浏览器工具就够用，还免了账单和安装。
方法三：macOS Digital Color Meter（内置、免费）
如果你用 Mac，你已经有了一个强大的吸管：Digital Color Meter。它在 应用程序 > 实用工具 里。打开它，选好显示器，把放大镜悬停在屏幕上任意像素上（不限于图片里 —— 任何地方都行），它就会以 RGB、hex 或百分比显示该颜色。你还可以把视图锁定在总是置顶的小窗口上，这对跨应用对比颜色非常方便。
给图片取色的话：
- 用 Preview、Quick Look 或任何看图工具打开图片
- 打开 Digital Color Meter（Cmd+Space，输入"Digital Color Meter"）
- 点击图片 —— 颜色就出现在取色器里
- 选择 颜色 > 复制为文本（或按 Cmd+Shift+C）把 hex 代码复制到剪贴板
- 粘贴到任何地方
这是 macOS 上最被低估的工具。它内置、免费、对屏幕上任意像素都能取色 —— 不仅仅是应用内部的像素。在 Windows 上，Microsoft PowerToys 也有一个类似的"Color Picker"工具（按 Win+Shift+C 激活）。
常见问题
能从网页上取色吗？
可以。在 Chrome、Firefox 或 Edge 中，打开开发者工具（F12 或 Cmd+Opt+I），点击"检查"工具（左上角图标），然后点击页面。样式面板会显示该元素使用的颜色，点击色块就能看到 hex、RGB、HSL，甚至可以实时修改颜色。在 macOS 上，Digital Color Meter 可以对屏幕上任意像素取色，包括浏览器里的。
HEX、RGB、HSL 有什么区别？
- HEX 是六位代码，如 `#FF5733`，是 CSS 的标准
- RGB 是 0-255 的三个数，如 `rgb(255, 87, 51)`，是原始屏幕值
- HSL 是色相/饱和度/亮度，调整颜色时更直观
三者描述的是同一种颜色。UtilBoxx 把三种格式并排显示，你可以按项目需要复制任意一种。
怎么从小图或细节图上取色？
放大。UtilBoxx 支持放大图片，让你把光标精确放到目标像素上。在 Photoshop 中，吸管有"样本大小"下拉菜单，可以取 3x3 或 5x5 像素的平均值，这对噪点图片是个很好的兜底。
怎么匹配现实里看到的颜色？
用手机相机拍一张照，给照片吸个色，再用采到的颜色。对于更高精度，在良好的日光下（不要开闪光灯）拍物体，吸一个平整区域的颜色，再和物体本身对比验证。
能从 PDF 或视频里取色吗？
可以 —— 截图（Mac 用 Cmd+Shift+4，Windows 用 Win+Shift+S），然后给截图吸色。视频的话，暂停在某一帧，截图，吸色。UtilBoxx 接受 JPG、PNG 和 WebP，任何这些格式的截图都能用。
在线取色器安全吗？
取决于服务。UtilBoxx 一切处理都在浏览器中完成 —— 不上传、服务器不处理、不记录日志。对其他工具，假设你的图片会被上传到远程服务器，并仔细阅读隐私政策。对个人或专有图片来说，纯浏览器工具是更安全的选择。
结论
吸管是任何设计师或开发者工具箱里最实用的小工具之一，不应该为此付费订阅。对大多数人来说，UtilBoxx 的免费取色器 是显而易见的选择：私密、快速、免费、无需注册。
如果你是常驻 Photoshop 的设计师，吸管工具是很好的备用。如果你是 Mac 用户，Digital Color Meter 是随时可用的优秀选择。免费替代品 GIMP 也有同样的吸管，零成本。
其他情况下，去看 UtilBoxx 的颜色工具集，你会找到一个完整的、隐私优先的颜色处理工具箱 —— 全部在浏览器里完成。