Handytool
实用工具指南5 分钟阅读更新于 2026年6月7日

免费浏览器工具

在几秒内从任何图像中选择任何颜色

Handytool的取色器让你将任何图像放入浏览器,使用放大的吸管取样像素级精准的颜色。每次选择都会返回HEX、RGB和HSL代码,随时可复制——一切都保持在你的设备上。

要点

  • 01从任何图像的任何像素中取样,一键获取HEX、RGB和HSL代码。
  • 02放大镜最高可放大20倍,便于从徽标或图标中精准取样像素。
  • 03从多个选择建立小调色板——一切都保持在你的浏览器中私密。
  • 04免费,无需注册,适用于JPG、PNG、WebP、AVIF、GIF、BMP和HEIC。

为什么使用基于浏览器的取色器?

设计师、开发者和内容创作者经常需要从参考图像中匹配颜色——徽标、情绪板、客户照片或截图。大多数操作系统有基本的吸管工具,但它们缺乏放大、多格式输出和调色板构建,这些功能使取色在真实工作流中很快。

Handytool的取色器完全在你的浏览器中运行,所以没有安装、没有账户、没有图像发送到任何服务器。你得到一个放大吸管、三种同步颜色格式(HEX、RGB、HSL)和可重用的调色板——全部免费。

如何从图像中选择颜色

整个过程不到一分钟。

  1. 01

    拖拽或打开你的图像

    将图像文件拖到页面上或点击浏览。支持JPG、PNG、WebP、AVIF、GIF、BMP和HEIC——来自iPhone的HEIC文件使用WebAssembly本地解码。

  2. 02

    将放大镜放在目标像素上

    在图像上移动光标。放大的放大镜跟随你的光标,即使在密集或小图像中也能看到单个像素。放大倍数最高可达20倍,用于徽标细节和图标工作。

  3. 03

    点击取样颜色

    点击你想要的像素。HEX、RGB和HSL值立即出现在面板中。

  4. 04

    复制你需要的格式

    点击任何格式徽章将其复制到剪贴板。HEX适合CSS,RGB适合印刷工作,HSL适合当你需要设计相同色调的更浅或更深变体时。

  5. 05

    使用多个选择建立调色板

    继续在图像周围点击,将样本添加到底部的迷你调色板。点击任何样本复制其HEX,或点击x按钮删除。

应该使用哪种颜色格式?

每种格式服务于略有不同的目的。

  • 01HEX(#B7FF3E)——网页CSS和设计工具(如Figma)的通用选择。
  • 02RGB(183, 255, 62)——首选印刷设计、颜色校准和一些设计应用。
  • 03HSL(83°, 100%, 62%)——当你想创建色调、阴影或颜色坡度时最好。
  • 04所有三种格式代表相同颜色——复制下游工具期望的任何一种。

你的图像不会离开你的设备

取色器是一个完全客户端工具。你拖入的每个图像都由浏览器的Canvas API解码,每个颜色计算都在本地JavaScript中发生。没有数据被传输到任何服务器、记录或存储——即使临时也没有。

这意味着你可以安全地处理机密模拟、客户艺术品或未发布产品照片。关闭标签页,一切都消失了。无需担心上传,无需浏览隐私政策。

取色器常见问题

我如何从在线图像中选择颜色?

将你的图像拖入Handytool取色器,将光标放在你想要的像素上,然后点击。HEX、RGB和HSL值立即出现,一键可复制。

在线取色器支持哪些图像格式?

JPG、PNG、WebP、AVIF、GIF、BMP和HEIC/HEIF。来自iPhone的HEIC照片使用WebAssembly本地解码,不需要转换。

HEX、RGB和HSL有什么区别?

HEX是网页CSS中常见的六位数代码。RGB将颜色表示为三个数值(红、绿、蓝),范围从0到255。HSL使用色调、饱和度和亮度——用于生成颜色坡度时很有用。

我的图像是否被上传到服务器?

不是。整个工具在你的浏览器中运行。你的图像从始到终都保持在你的设备上——没有任何东西被发送到服务器。

我可以从一个图像中保存颜色调色板吗?

可以。每次点击都会在页面底部的调色板中添加一个样本。点击样本复制其HEX,或点击x删除。关闭标签页时调色板会丢失——复制你的代码后再离开。

取色器是否免费?

是的。Handytool完全免费,无需注册、无使用限制、无水印。

相关工具

继续使用 实用工具 工具

实用工具 工具