图片取色

仅在当前浏览器处理

文件上限:32 MB

此工具不会上传你的输入。

拖入文件

将文件拖到此处,或点击选择。

示例:在本机选择 JPEG、PNG、WebP 或 GIF,然后处理。

设计稿是扁的,按钮色对不上。吸一个点。整张抽色板请自己再整理。印刷专色不保证。

扁平稿上的按钮色和 CSS 对不上——吸一个像素。不是整张聚类。评审截图、竞品落地页、渐变上的实际字色,都是这一下。

色带走配色。对色走对比度。构图走裁剪。苹果原图走 HEIC

从截图取色

  • HEX/RGB。不是印刷专色。
  • 五色方案走调色板,对比度另测。
  • 实现若偏中心像素,先裁到中间。JPEG 块效应会让「同一块蓝」差几个值。
  • 大约 32 MB。半透明 PNG 要吸合成后的颜色,不要只看图层调色板。

怎么用

  1. 放入图片。能放大到 1:1 再点。
  2. 点击取样。
  3. 把 hex 贴进 CSS,需要时再查对比度。

使用前先看清的限制

不是印刷专色,不是整张色板。大约 32 MB。缩放预览会骗人。

常见问题

能抽出完整色板吗?

本页是单点。色带走配色生成。不会聚类整张图。

对比度呢?

吸完两个色去对比度页。正文 AA 常见 4.5:1。

HEIC?

先转 JPG。解码失败就吸不到。

缩放后吸的还准吗?

预览缩放会偏。尽量在 1:1 点。实现若偏中心像素,先裁到中间。

能当 Pantone 吗?

不能。屏幕像素不是印刷专色。渐变和 JPEG 压缩块也会让邻像素差一截。

相关工具