图片取色
点击照片中的像素获取精确的 HEX、RGB、HSL 颜色值。无需上传。
选择图片在浏览器中处理 —— 不上传
示例
提取品牌色
输入
Logo 图片
输出
#ff6347 · rgb(255,99,71)
构建调色板
输入
灵感照片
输出
多个像素的 HEX、RGB、HSL
关于此工具
这个免费在线取色器让你从图片的任意一点提取精确颜色 —— 只需放入一张照片并点击任意像素，即可立即得到它的 hex 代码、RGB 值和 HSL 值。完全在你的浏览器中运行，无需上传。
使用方法
- 放入或选择一张图片（JPG、PNG、WebP、GIF 或 BMP）。
- 点击图片上任意一点以取该像素的颜色。
- 复制 hex 代码或记录 RGB 和 HSL 值。
- 取多个颜色 —— 最近 10 个会作为色块保存在下方。
使用场景
从 Logo 提取品牌色、为设计项目匹配参考照片的颜色、识别精确的油漆或产品颜色，或从一张有灵感的图片构建调色板 —— 都无需离开你的浏览器。
常见问题
如何从图片中取色?
放入或选择一张图片，然后点击其上任意位置。工具会立即显示你点击的像素的 hex 代码、RGB 值和 HSL 值。
我的图片会上传到服务器吗?
不会。图片会绘制到你浏览器中的 HTML 画布上。没有任何数据离开你的设备。
这个工具显示哪些颜色格式?
它显示 hex 代码（如 #ff6347）、RGB 值（红、绿、蓝，0 到 255）和 HSL 值（色相角度、饱和度百分比、亮度百分比）。
可以复制 hex 代码吗?
可以。点击 hex 代码旁的复制按钮即可复制到剪贴板。
历史里能保存多少个取过的颜色?
工具保留你最近取的 10 个颜色，显示为色块。点击任意色块可重新查看该颜色的值。
可以当免费在线吸管工具用吗?
可以。放入任意图片并点击任意像素即可提取其精确颜色。这是 Photoshop、Illustrator 或 Figma 中吸管工具的浏览器版替代品。
相关工具