图片取色器

从上传的图片中选择任意像素的颜色，并复制 HEX、RGB 或 HSL 色值。放大镜可帮助您精确选择细小区域。

文件与内容均在您的浏览器中处理，不会上传至我们的服务器。

工具说明

上传设计稿、截图或照片，点击任意像素即可复制对应的 HEX、RGB 或 HSL 色值。放大镜可帮助您精确选择界面中的细小元素，也可用于从图片中提取品牌颜色。

功能

点击图片选择像素颜色
使用放大镜精确定位
显示 HEX、RGB 和 HSL 色值
将色值复制到剪贴板
保存本次使用期间最近选择的颜色

使用方式

上传图片: 选择包含目标颜色的图片。
点击像素: 移动鼠标并点击需要选择的像素，放大镜会显示局部区域。
复制色值: 复制 HEX 色值，或复制可直接用于 CSS 的 rgb() 或 hsl() 格式。

示例

从旧版 PNG 设计稿中提取按钮颜色
分析其他产品截图中的配色
估算横幅渐变中的颜色
在问题报告中记录准确的色值

限制

工具只读取图片中的像素颜色；JPEG 有损压缩可能导致轻微色差
工具不会自动生成整张图片的完整调色板
上传的图片会直接在您的浏览器中处理，不会发送至服务器。

常见问题

为什么 JPEG 图片的颜色可能略有不同？: JPEG 有损压缩可能改变像素值。需要准确读取界面颜色时，建议使用 PNG 截图。
是否会读取透明度？: 工具主要显示不透明的 RGB 色值。读取透明 PNG 时，复制的 rgba() 格式可以包含透明度。
可以在触屏设备上取色吗？: 可以。在支持的设备上，点击图片即可选择对应位置的颜色。