图片取色器
图片当调色板用:鼠标移到哪就取哪里的颜色,HEX / RGB / HSL 一起给出来,点一下复制走。
完全免费 · 无需注册本地处理 · 图片不上传无需安装 · 即开即用
怎么用
从图片里取色
- 上传图片,把鼠标移到你想取色的位置。
- 右上角会实时显示 HEX、RGB、HSL 三种色值,放大镜可以看到光标附近的具体像素。
- 需要留存就点一下图片,颜色会存进「已取色板」,之后点色块即可复制色值。
- 用「复制 HEX」这类按钮把色值带走。
提示:要取干净的颜色,尽量选图片中纯色区域的中心点,别取边缘——边缘一个像素的偏差就会让色值差很多。
小贴士
取到的颜色怎么用
💡
做配色方案
从照片里取 3–5 个色,主色取最大面积,点缀色取最鲜艳的那一处。
✅
HEX 用于网页
复制 HEX 直接贴进 CSS 的 color / background 属性即可。
⭐
RGB 用于设计软件
Photoshop、Figma 里填 RGB 或 HEX 都行;HSL 更适合调整明暗。
FAQ
常见问题
取色会受图片压缩影响吗?
会。JPG 是有损压缩,看起来纯色的区域里每个像素可能都略有不同;放大镜能帮你找到最纯的那个点。
能取屏幕上的颜色吗?
不能。浏览器只能读你自己上传的图片。要取屏幕任何位置的颜色,需要用系统自带的取色工具。
色板可以保存吗?
色板只在当前页面有效,刷新会清空。需要长期保存请把 HEX 复制到笔记里。
图片会上传吗?
不会,取色完全在浏览器本地完成。