切换到 中文?

切换将重新打开页面。未提交的文件、编辑内容和浏览器处理结果不会带到新域名。

已提交的服务器任务可继续查看,文件仍按原期限删除。
将前往以下网站:

图片取色与色值转换

拖动放大镜精确提取原图颜色,转换HEX、RGB、HSL与透明度,保存本次色板并复制导出。

完善此工具

图片取色与色值转换

请使用支持Worker和离屏画布的现代浏览器及安全连接。

当前浏览器不支持屏幕取色,图片点选取色仍可使用。

100%

选择或拖入图片开始取色

PNG / JPG / WebP / GIF / BMP

也可以点击色块选择颜色,自动转换色值

原图坐标从0开始。方向键微调,Shift每次10像素。

色值转换

点击色块选色,自动生成可复制的HEX、RGB和HSL。

当前颜色

来自色值转换

HEXA将透明度舍入为8位;RGBA/HSLA保留六位小数。

本次色板0 / 24

保存喜欢的颜色,在这里组合和复制。

本次色板仅保存在当前页面。

图片与色值仅在当前浏览器处理,不上传内容。最多20MiB / 20MP,动画取首帧。

取色基于浏览器解码的sRGB像素;透明像素可能受预乘量化影响。

处理内容只保存在当前页面内存,关闭页面或清空后无法恢复。

工具介绍

在浏览器中选择图片,拖动十字和放大镜取色,用原图坐标精确定位。支持HEX/RGB/HSL及透明度转换、单色复制、本次色板管理和JSON下载。图片不上传。

使用步骤

  1. 选择一张PNG/JPG/WebP/GIF/BMP,在适应、100%或放大视图中点选或拖动取色;X/Y从0开始。
  2. 点击色块选择颜色,拖动滑块调整透明度,自动生成可复制的HEX/RGB/HSL。支持屏幕取色的浏览器也可通过按钮取样。
  3. 保存喜欢的颜色到本次色板,选择、移除、复制或下载JSON。清空、刷新或换工具会释放内容。

常见问题

会上传我的图片吗?

不会。图片、颜色和坐标只在当前浏览器处理,仅报告状态、耗时、处理数量和复制/下载动作。服务端不接收图片或色板正文。

放大之后取到的是哪个像素?

通过画布实际显示位置映射到浏览器解码后的原图坐标,X/Y从0开始。放大镜显示9×9邻域,中心为取样像素;棋盘背景不参与取色。

透明度如何处理?

显示HEXA、RGBA和HSLA。HEXA的透明度按8位舍入,RGBA/HSLA保留六位小数。完全透明像素无法用于恢复文件隐藏RGB;低透明度可能受到浏览器预乘量化影响。

哪些图片可以读取?

PNG、JPG、WebP、GIF、BMP。动画取首帧,照片按解码方向显示。默认20MiB、20MP,单边不超过16384像素;SVG、HTML、损坏或过大文件拒绝。

色板会长期保存吗?

本次色板只在页面内存中。默认24色,可逐个选择、移除或导出JSON;中英文切换保留,刷新、清空或换到其他工具会释放。

屏幕取色与图片取色一样吗?

屏幕取色是浏览器可选能力,需要用户点击。结果为不透明sRGB,无法恢复图片透明度;不支持时仍可使用画布和原图坐标取色。

COMMUNITY

交流与评论

分享使用体验,交流工具的更多用法。

正在加载评论…