Color Picker from Image

打开图片，悬停点击即得 HEX。放大吸管、RGB/HSL、调色板、历史记录。Color picker from image，离线可用。

🎨 把截图、logo 或照片直接拖进标签页,从中取出精确的颜色——读取的是你文件的真实像素,不上传到任何服务器,无需登录,安装时也没有权限警告。 这个 color picker from image 的全部工作就是如此:打开图片,悬停,点击——HEX 值已经在剪贴板里。不必为了一个色值启动笨重的设计套件,也不必把客户的设计稿贴进某个来路不明的网站,再祈祷它给出诚实的答案。 🚀 快速上手 1. 点击工具栏图标——取色器在独立标签页中打开,工作空间宽敞。 2. 把图片拖进来、按下 Ctrl+V,或浏览选择一个文件——所有常见的图片格式都能直接打开,带透明背景的图片也一样完整支持。 3. 悬停,点击——这个从图片提取 HEX 代码的取色器已经复制好数值,并在屏幕上给出确认。 空白界面只在第一次解释用法,之后靠肌肉记忆就够了。 🔍 值得信赖的放大镜吸管 放大镜以原生分辨率放大你文件的像素,所以你取到的色调就是位图里真实存在的色调——这正是从图片取 HEX 的取色器该做的事。 ➤ 光标周围的像素网格,精确坐标始终可见 ➤ 方向键让十字线精确移动 1px,Ctrl+方向键跳 10px,Enter 确认取色 ➤ 抗锯齿边缘不再骗人:从图片读 RGB 的取色器应该读源文件,而不是模糊的二次渲染 ➤ 透明区域会被如实报告,而不是伪装成黑色 🎯 你用的格式它都会说 ▸ 供 CSS 和 Figma 使用的 HEX——点一下就是能用于图片的 HTML 取色器 ▸ RGB 与 HSL 并排显示,每个值可单独复制——十六进制取色器就在同一面板里 ▸ 取色即自动复制,并有可见的确认——这里的"已复制到剪贴板"是真的复制了 ▸ 面板会一直显示数值,直到你取下一个色,不会两秒后消失 🖼 调色板,和记得住的历史 图片一打开,就会从整张图生成主色调调色板——客户问"这个 logo 由哪些色调组成"时正好用上;每个色块都是从作品里真实取出的颜色,绝不是图中根本不存在的平均色。每次取色还会进入 50 格历史记录,浏览器重启后依然保留。 1️⃣ 整天从图片文件里取色——最近的 50 个稳稳留在原地 2️⃣ 第二天打开弹窗,昨天的色块还在,点一下即可复制 3️⃣ 项目收尾时,一个按钮清空列表 📸 把你正在看的页面,变成一张图 需要正在浏览的网站上的某个色调?用"把此页面抓取为图片"(Grab this page as an image):弹窗里的一个按钮即可捕获可见标签页,并在同一个取色器中打开快照——同样的放大镜,同样的历史记录。或者右键页面上的任意图片,选择"从此图片取色"("Pick color from this image"):服务器允许时你得到真实像素,不允许时得到渲染快照,连这也被拦下时,你会看到一句大白话提示。绝不会悄无声息地失败。 还有个值得学会的小窍门:在任何地方右键图片,选"复制图片"("Copy image"),再在取色器里 Ctrl+V。Chrome 会以完整分辨率交出解码后的位图——一个不需要任何额外权限的图片取色器。 🔒 从架构上就是私密的 ▪ 没有主机权限,安装时也没有警告页面——它无法读取你的浏览内容,你选取的颜色只保存在本地存储里 ▪ 零网络请求:没有统计分析,没有 CDN 字体,不向任何地方发送任何东西——打开 DevTools 自己盯着看 ▪ 开源:整个代码库公开,每一行都可查阅 ▪ 离线可用,在飞机上、在公司代理后面都能工作 截图里常常是仪表盘、发票、未发布的设计。那些提供在线图片取色的网站会要求你上传它们;而这个扩展什么都上传不了,因为它没有任何一行代码会和服务器通信。反过来也一样:在线取色器会把你的文件保留到网站主愿意的那一天——在这里,文件永远不会离开标签页。 ⚖️ 诚实的边界——它不是什么 它不是检查网页的吸管:不读 CSS 变量,也不会在网站的 DOM 里点来点去。它不是色轮,不是渐变玩具,里面也没有 Pantone 色卡。这里的手艺很窄,但做得扎实:从图片、截图和照片中以像素级精度快速取色。 💬 一秒钟就能养成的习惯 复制、粘贴、点击——从复制一张图片,到把它的颜色值拿到手,color pick from image 的整个来回流程只需要短短几秒钟,而这恰恰就是重点所在:一个小小的工具,专注把一件事做得精确到位,做完之后就安静地退到一旁,绝不挡在你的路上。 🧭 谁会把它固定在工具栏 ◦ 对照参考图或扫描的品牌手册校准色调的设计师 ◦ 想让某个色的 HEX 离自己只有两次按键的前端开发者 ◦ 直接从截图记录 UI 状态的支持工程师 ◦ 在活动开始前从合作方 logo 里提取品牌色的市场人员 ◦ 为情绪板标注色调的插画师和学生 答案早已在图片之中。这个工具只是把它取出来——精确、本地、几秒钟。