原图
选择图片后将在这里显示预览。
图片 / 本地工具
图片像素取色工具
从本地图片拾取任意像素，并复制 HEX、RGB 和 HSL 色值，图片不会上传。
处理结果
选择图片后将在这里显示预览。
方法、算例与边界
图片像素取色工具：从输入到可复核结果
点击本地图片上的一个像素，直接查看 HEX、RGB 和 HSL，文件不会上传。坐标级取样适合复现品牌色、排查异常边缘，或把实测值交给 CSS 工作流。
算例：提取界面中的青绿色像素
- 示例输入
- 点击坐标 x=240、y=96；解码像素为 RGB(15, 118, 110)。
- 示例输出
HEX #0F766E；RGB 15, 118, 110；HSL 约为 175°、77%、26%。
如何判断结果
三种格式描述同一个解码像素；HEX 可复制到 CSS，RGB 或 HSL 便于继续调整。
坐标与颜色转换
浏览器把显示图上的点击坐标映射回自然画布尺寸，读取一个 RGBA 像素，把 RGB 分量格式化为两位 HEX，并根据归一化通道极值推导 HSL。
取样边界
- 缩放和浏览器色彩管理可能让显示颜色与其他应用不同。
- 单个像素可能是抗锯齿边缘，而非设计中的目标纯色。
- 工具报告解码后的屏幕颜色，不是校准过的印刷测量。
匿名反馈
这个工具解决问题了吗？
工具有问题，或有更好的优化建议？请告诉我们。每条反馈都会查看，我们会在收到后的 2 天内开始处理可执行的优化，并持续提升工具的可靠性与使用体验。