图片取色与色值转换
拖动放大镜精确提取原图颜色,转换HEX、RGB、HSL与透明度,保存本次色板并复制导出。
图片取色与色值转换
请使用支持Worker和离屏画布的现代浏览器及安全连接。
当前浏览器不支持屏幕取色,图片点选取色仍可使用。
也可以点击色块选择颜色,自动转换色值
原图坐标从0开始。方向键微调,Shift每次10像素。
色值转换
点击色块选色,自动生成可复制的HEX、RGB和HSL。
当前颜色
来自色值转换
HEXA将透明度舍入为8位;RGBA/HSLA保留六位小数。
本次色板0 / 24
本次色板仅保存在当前页面。
图片与色值仅在当前浏览器处理,不上传内容。最多20MiB / 20MP,动画取首帧。
取色基于浏览器解码的sRGB像素;透明像素可能受预乘量化影响。
处理内容只保存在当前页面内存,关闭页面或清空后无法恢复。
工具介绍
在浏览器中选择图片,拖动十字和放大镜取色,用原图坐标精确定位。支持HEX/RGB/HSL及透明度转换、单色复制、本次色板管理和JSON下载。图片不上传。
使用步骤
- 选择一张PNG/JPG/WebP/GIF/BMP,在适应、100%或放大视图中点选或拖动取色;X/Y从0开始。
- 点击色块选择颜色,拖动滑块调整透明度,自动生成可复制的HEX/RGB/HSL。支持屏幕取色的浏览器也可通过按钮取样。
- 保存喜欢的颜色到本次色板,选择、移除、复制或下载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,无法恢复图片透明度;不支持时仍可使用画布和原图坐标取色。
交流与评论
分享使用体验,交流工具的更多用法。
正在加载评论…