图片取色器
🎯 图片取色
点击或拖拽上传图片
支持 PNG、JPEG、WebP、GIF 格式；也可直接 Ctrl+V 粘贴图片
{{ zoomLevel }}x
{{ hoverColor.hex }}
{{ hoverColor.rgb }}
{{ hoverColor.hsl }}
💡 移动鼠标预览，点击图片取色
🎨 取色结果
上传图片后，移动鼠标预览颜色，点击即可取色
📷 图片（移动鼠标预览、点击取色）
🎯 已取颜色（{{ pickedColors.length }}）
{{ c.hex }}
{{ c.rgb }}
📄 颜色详情
HEX
{{ selectedColor.hex }}
RGB
{{ selectedColor.rgb }}
HSL
{{ selectedColor.hsl }}
位置
({{ selectedColor.x }}, {{ selectedColor.y }})
💡 功能说明
在线图片取色器：上传图片后移动鼠标即可实时预览任意位置的颜色，点击即可记录到取色列表，支持 HEX / RGB / HSL 格式与坐标位置，所有处理均在浏览器本地完成，图片不会上传服务器。
- 实时预览：鼠标悬停显示当前像素颜色与放大镜，十字线精确定位。
- 点击取色：单击图片即可把该颜色加入取色列表，可重复取多个。
- 多格式：每个颜色支持 HEX / RGB / HSL 与坐标，点击即可复制。
- 可调参数：放大镜倍数、是否显示放大镜 / 十字线均可设置。
- 本地处理：图片仅在浏览器内读取取色，不会上传或存储。
⚠️ 注意事项
- 取色基于画布像素，读取精度取决于图片实际分辨率，与显示缩放无关。
- 透明像素读取到的是带 alpha 的颜色值，显示以不透明色值为准。
- 放大镜仅作局部放大预览辅助定位，不改变取色结果。
- 清空取色会移除全部已记录颜色，且无法撤销。