颜色提取

上传图片后即可使用原生高精度吸色器,提取精准像素颜色。

点击或拖拽图片到这里

支持 JPG, PNG, WebP 格式,文件大小不超过 20MB

这个工具能做什么

上传图片后,工具会抽样统计像素,自动列出出现最多的 5 种主色。想要某个具体位置的颜色,可以用吸管:Chrome、Edge 这类支持 EyeDropper 的浏览器能直接在屏幕上取色。取到的颜色会存进调色板,最多 20 个,每个都能看到 HEX、RGB、HSL 三种写法。

使用步骤

  1. 上传一张设计稿、截图或照片,主色会自动出现。
  2. 需要精确颜色时点吸管,在图上点一下。
  3. 在调色板里点复制,把色值粘贴到代码或设计软件里。

常见问题

Safari 里吸管为什么用不了?

EyeDropper 是较新的浏览器接口,目前主要是 Chromium 内核浏览器支持。自动主色提取在各浏览器都能用。

主色准确吗?

为了速度,统计时做了抽样并把相近颜色归并,结果适合做配色参考,要精确值请用吸管。

更多工具见开发者工具箱; 要做应用商店预览图,可以用App Store 截图生成器。