🎨

上传图片开始取色

支持 JPG、PNG、WebP、GIF 等常见格式

📖 图片取色器使用指南

图片取色器让你上传任意图片后移动鼠标即可读取像素颜色,同步显示 HEX、RGB、HSL 三种色值,内置放大镜帮助精确定位细小区域。

🎯 功能特点

  • 鼠标在图片上移动,实时读取光标所在像素的颜色。
  • 同步给出 HEX、RGB、HSL 三种格式,点一下即可复制。
  • 放大镜跟随光标放大局部区域,细线条也能精准取色。
  • 支持 JPG、PNG、WebP、GIF 等常见图片格式。

📝 使用步骤

  1. 点击上传图片,或直接把截图拖进页面。
  2. 移动鼠标到目标位置,借助放大镜对准像素。
  3. 点击确认取色,在结果区查看 HEX、RGB、HSL 色值。
  4. 点击需要的色值格式,一键复制到剪贴板使用。

💡 适用场景

  • 从设计稿截图里提取品牌色,写进 CSS 样式表
  • 读取照片主色调,为 PPT 配色方案找参考
  • 核对网页截图中元素的实际渲染颜色值

❓ 常见问题

Q: HEX、RGB、HSL 有什么区别?

HEX 常用于 CSS,RGB 设计开发通用,HSL 按色相、饱和度、亮度描述,调整深浅明暗更直观,可按场景选用。

Q: 取到的颜色和肉眼看到的不一致?

工具读取的是像素真实数值,肉眼感知会受周围颜色影响产生偏差,建议用放大镜对准区域中心再取色。

Q: 能直接取屏幕上的颜色吗?

本工具读取的是上传图片内的像素。想取屏幕任意位置颜色,可先截屏,再把截图传上来读取。

Q: 截图上传后会不会留在服务器?

取色只读取浏览器内存里的图像数据,图片不经过网络传输,含敏感信息的截图也能放心上传。