免费 · 在你的浏览器中
免费的在线图片取色器。
拖入一张照片,将游标移到像素上,读取 hex 色码。免费的图片取色器, 提供 hex、RGB 与 HSL,外加 8 种最显著的颜色作为调色盘。支持 JPG、 PNG、WebP 与 HEIC。无需上传,无需登入。
- 100% 在浏览器中
- 文件绝不离开你的设备
- 无需注册,没有限制
- 符合 GDPR 与 CCPA
Image Color Picker
Drop an image to pick colors
JPG, PNG, WebP, or HEIC. Hover any pixel, see the hex, RGB, and HSL. Click to save a pick.
这个取色器有什么
移上去、点一下、复制。两秒拿到 hex。
只有一个目标:读取每个像素的确切颜色,外加自动产生最显著颜色的调色盘。hex、RGB 与 HSL 随时可复制。
像素级准确的 hex
将游标移到像素上即可即时读取:hex(#RRGGBB)、RGB 与 HSL。点一下即可储存。不平均、不四舍五入、不上传。
前 8 种显著颜色
自动从图片直方图萃取的调色盘。一键即可储存某个显著色块。
一键复制
把每个 hex 直接复制到剪贴簿,可直接贴进 CSS、Tailwind、Figma、Sketch 或 HTML。
支持 HEIC
iPhone 的 HEIC 照片会透过 heic2any 在浏览器中解码。相同的取色、相同的游标读取、相同的 hex 输出。
同时提供 RGB 与 HSL
每个选取的颜色都会显示 hex、RGB 与 HSL。直接贴进设计 token 或 CSS 变数。
无需上传,无需登入
全部都在你的浏览器中执行。文件不会离开你的设备。没有帐号、没有每日上限、没有水印。
常见问题
图片取色常见问题。
我要怎么从图片中取色?
把图片拖进取色器。将游标移到某个像素上,读取面板就会即时显示 hex、RGB 与 HSL。点一下该像素即可把它存进你的取色清单,接着按 Copy 就会把 hex 色码复制到剪贴簿。支持 JPG、PNG、WebP 与 HEIC。全部都在你的浏览器中执行,所以图片永远不会被上传。
颜色读取有多准确?
达到像素级准确。图片会在离屏幕的 canvas 中以完整分辨率解码;你看到的预览只是缩放后的显示。当你把游标移到预览中的座标 (x, y) 时,我们会从完整分辨率的缓冲区读取确切的像素,所以 JPEG 压缩的瑕疵仍会是瑕疵,而复制出来的 hex 色码正是文件里的值。
取色器也会显示显著颜色吗?
会。图片一载入,取色器就会在缩小后的副本上,用 32 级的 RGB 立方体直方图计算出 8 种最显著的颜色。这对于从 logo 整理品牌调色盘、为修图试肤色,或让颜色与某个房间的照片相搭配都很有用。点一下某个显著色块,即可把它存成手动选取的颜色。
我会拿到 HTML / CSS 的 hex 色码吗?
会。每个选取的颜色都会以 6 码 hex(#RRGGBB)显示,可直接套用到 CSS、Tailwind 设定、Figma、Sketch 或任何 HTML 颜色属性。Copy 按钮会连同 # 前缀一起复制 hex 色码。
那 RGB 与 HSL 值呢?
每个选取的颜色也会显示 RGB(例如 rgb(220, 53, 69))与 HSL(例如 hsl(354, 70%, 54%)),所以你可以直接贴进 CSS 变数、Tailwind 扩充设定,或需要特定格式的设计系统 token。
取色器真的免费吗?有任何限制吗?
是的。没有帐号、没有每日上限、没有文件大小限制、没有水印。整条流程都在你的浏览器中执行。我们永远看不到你的图片。
我可以从 iPhone 的 HEIC 照片取色吗?
可以。HEIC 文件会在浏览器中解码(透过 heic2any),接着就和 JPEG 一样处理。游标读取与显著色调色盘的运作方式完全相同。
为什么我储存的选取颜色被限制在 12 个?
为了让取色清单保持清爽。超过 12 个时,最旧的那个会消失。如果你需要更多,请直接复制每个 hex,贴进你的设计工具或笔记里。
显著颜色调色盘会忽略背景吗?
不会自动忽略。它是以出现频率为基础的直方图,所以最常出现的像素(往往是背景)会排在最前面。如果你只想从主体取得调色盘,请先用我们的裁剪工具裁掉照片,再把裁剪后的图片拖进取色器。
我可以把选取的颜色存成文件吗?
无法直接存。最近选取的清单只在这次工作阶段中存在于页面上。若要建立长久保存的调色盘,请复制每个 hex(一键搞定),贴进你的设计工具、CSS 文件或笔记应用程序里。选取结果不含重复,所以同一个 hex 不会连续出现两次。
拍摄时的替代方案
在现场试色吗?iOS App 会把 GPS、时间与地址直接内嵌到照片中。
如果你在现场试色、试布料或试材质颜色,iOS App 会在每张参考照片上盖上日期、GPS 与街道地址,让照片在送进取色器之前就已自我记录完整。
Download on theApp Store
iOS 15.6+ · iPhone、iPad、Mac 和 Vision Pro- 每张影像上都有可见的日期、时间、GPS 与地址
- 原子(透过网络同步)时间戳记
- 输出 JPEG,为每次取色做好准备
- 离线也能运作;地址稍后补上