要点
- 01从任何图像的任何像素中取样,一键获取HEX、RGB和HSL代码。
- 02放大镜最高可放大20倍,便于从徽标或图标中精准取样像素。
- 03从多个选择建立小调色板——一切都保持在你的浏览器中私密。
- 04免费,无需注册,适用于JPG、PNG、WebP、AVIF、GIF、BMP和HEIC。
为什么使用基于浏览器的取色器?
设计师、开发者和内容创作者经常需要从参考图像中匹配颜色——徽标、情绪板、客户照片或截图。大多数操作系统有基本的吸管工具,但它们缺乏放大、多格式输出和调色板构建,这些功能使取色在真实工作流中很快。
Handytool的取色器完全在你的浏览器中运行,所以没有安装、没有账户、没有图像发送到任何服务器。你得到一个放大吸管、三种同步颜色格式(HEX、RGB、HSL)和可重用的调色板——全部免费。
如何从图像中选择颜色
整个过程不到一分钟。
- 01
拖拽或打开你的图像
将图像文件拖到页面上或点击浏览。支持JPG、PNG、WebP、AVIF、GIF、BMP和HEIC——来自iPhone的HEIC文件使用WebAssembly本地解码。
- 02
将放大镜放在目标像素上
在图像上移动光标。放大的放大镜跟随你的光标,即使在密集或小图像中也能看到单个像素。放大倍数最高可达20倍,用于徽标细节和图标工作。
- 03
点击取样颜色
点击你想要的像素。HEX、RGB和HSL值立即出现在面板中。
- 04
复制你需要的格式
点击任何格式徽章将其复制到剪贴板。HEX适合CSS,RGB适合印刷工作,HSL适合当你需要设计相同色调的更浅或更深变体时。
- 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完全免费,无需注册、无使用限制、无水印。