🎨
上传图片开始取色
支持 JPG、PNG、WebP、GIF 等常见格式
HEX
RGB
HSL
已拾取颜色
📖 图片取色器使用指南
图片取色器让你上传任意图片后移动鼠标即可读取像素颜色,同步显示 HEX、RGB、HSL 三种色值,内置放大镜帮助精确定位细小区域。
🎯 功能特点
- 鼠标在图片上移动,实时读取光标所在像素的颜色。
- 同步给出 HEX、RGB、HSL 三种格式,点一下即可复制。
- 放大镜跟随光标放大局部区域,细线条也能精准取色。
- 支持 JPG、PNG、WebP、GIF 等常见图片格式。
📝 使用步骤
- 点击上传图片,或直接把截图拖进页面。
- 移动鼠标到目标位置,借助放大镜对准像素。
- 点击确认取色,在结果区查看 HEX、RGB、HSL 色值。
- 点击需要的色值格式,一键复制到剪贴板使用。
💡 适用场景
- 从设计稿截图里提取品牌色,写进 CSS 样式表
- 读取照片主色调,为 PPT 配色方案找参考
- 核对网页截图中元素的实际渲染颜色值
❓ 常见问题
Q: HEX、RGB、HSL 有什么区别?
HEX 常用于 CSS,RGB 设计开发通用,HSL 按色相、饱和度、亮度描述,调整深浅明暗更直观,可按场景选用。
Q: 取到的颜色和肉眼看到的不一致?
工具读取的是像素真实数值,肉眼感知会受周围颜色影响产生偏差,建议用放大镜对准区域中心再取色。
Q: 能直接取屏幕上的颜色吗?
本工具读取的是上传图片内的像素。想取屏幕任意位置颜色,可先截屏,再把截图传上来读取。
Q: 截图上传后会不会留在服务器?
取色只读取浏览器内存里的图像数据,图片不经过网络传输,含敏感信息的截图也能放心上传。