图片取色器
工具说明
上传设计稿、截图或照片，点击任意像素即可复制对应的 HEX、RGB 或 HSL 色值。放大镜可帮助您精确选择界面中的细小元素，也可用于从图片中提取品牌颜色。
使用方式
- 点击图片选择像素颜色
- 使用放大镜精确定位
- 显示 HEX、RGB 和 HSL 色值
- 将色值复制到剪贴板
- 保存本次使用期间最近选择的颜色
- 上传图片: 选择包含目标颜色的图片。
- 点击像素: 移动鼠标并点击需要选择的像素，放大镜会显示局部区域。
- 复制色值: 复制 HEX 色值，或复制可直接用于 CSS 的 rgb() 或 hsl() 格式。
示例
- 从旧版 PNG 设计稿中提取按钮颜色
- 分析其他产品截图中的配色
- 估算横幅渐变中的颜色
- 在问题报告中记录准确的色值
限制
- 工具只读取图片中的像素颜色；JPEG 有损压缩可能导致轻微色差
- 工具不会自动生成整张图片的完整调色板
- 上传的图片会直接在您的浏览器中处理，不会发送至服务器。
常见问题
- 为什么 JPEG 图片的颜色可能略有不同？
- JPEG 有损压缩可能改变像素值。需要准确读取界面颜色时，建议使用 PNG 截图。
- 是否会读取透明度？
- 工具主要显示不透明的 RGB 色值。读取透明 PNG 时，复制的 rgba() 格式可以包含透明度。
- 可以在触屏设备上取色吗？
- 可以。在支持的设备上，点击图片即可选择对应位置的颜色。