图片取色器

点击选择图片 / 拖拽图片到此区域上传

图片加载解析中...

HEX小写
HEX大写
RGB
RGBA

鼠标悬浮预览色值,点击固定拾取颜色,自动留存历史色值

最近取色记录

图片取色器工具介绍

这款在线图片取色工具是专为网页制作、UI设计、平面配色打造的实用小工具,不用安装任何客户端软件,打开浏览器就能快速完成图片颜色提取工作。

工具支持电脑本地图片拖拽上传与点击上传两种方式,兼容市面上常见的JPG、PNG、GIF等主流图片格式,日常设计用到的图片都能正常解析读取。

支持鼠标悬浮实时预览颜色点位,点击图片即可固定拾取对应色彩,自动换算出小写HEX、大写HEX、RGB、RGBA四种行业常用颜色格式,满足不同场景编写代码需求。

自带取色历史记录功能,会自动保存近期拾取过的颜色,方便用户在多种配色之间来回对照选用,省去重复多次取色的麻烦。

所有图片解析与颜色计算都在本地浏览器内完成,文件不会上传至网络服务器,不用担心私人图片内容泄露,使用起来更加安心。

图片取色器使用方法

点击页面上传区域,从电脑文件夹中选择需要取色的图片文件。

也可以直接把图片文件拖拽到上传框内,等待图片加载完成居中展示。

将鼠标移动到图片对应位置,即可实时预览当前位置颜色数值。

点击图片上需要选取的色彩位置,页面会自动展示对应各类颜色代码。

根据自身需求点击对应复制按钮,一键复制所需格式颜色值直接使用。

需要重新选取图片或者清空记录时,点击清空重置按钮即可恢复初始状态。

注意事项

尽量不要上传体积过大的超清原图,过大图片容易造成页面加载缓慢。

图片在页面会自动等比例缩放展示,工具内部会自动换算原始坐标,取色结果依旧精准无误。

本工具仅支持对图片内色彩进行拾取,无法直接截取电脑桌面屏幕颜色。

关闭页面或者刷新浏览器后,已保存的历史取色记录会自动清除,重要颜色建议提前复制保存。

部分带有复杂渐变的区域,尽量放大视觉位置精准点击,避免选取到过渡杂色。

FAQ

Q:图片缩小显示之后,取出来的颜色会不会不准确?

A:不会不准确,工具会自动换算图片原始尺寸坐标,无论预览图大小,拾取到的都是原图真实颜色。

Q:拾取到的颜色值可以直接用到CSS样式里面吗?

A:完全可以,生成的HEX、RGB格式都是网页标准配色格式,直接粘贴就能正常使用。

Q:手机移动端能不能正常使用这款图片取色工具?

A:支持手机浏览器打开使用,可选取手机相册图片完成取色,触屏点击即可拾取颜色。

Q:保存的历史颜色最多能记录多少条?

A:默认自动保存最近12组不同颜色,颜色重复不会重复录入,方便日常配色挑选。

Q:上传的图片会被平台保存留存吗?

A:不会保存,全程仅在用户本地浏览器运行处理,无任何文件上传行为,保护图片隐私。

工具推荐