← 返回功能
Free

图像颜色提取器

直接从照片和主视觉中提取调色板。

设计师和开发人员不断需要从图像中提取颜色——从徽标中提取品牌颜色、从照片构建调色板、将 UI 与参考艺术作品匹配。图像颜色提取器无需上传在浏览器中处理此问题。拖放、粘贴或单击加载图像 (PNG、JPG、SVG、WebP、GIF)。该工具将缩小版本绘制到画布,对每第 4 个像素进行采样,将它们分组到缩减的颜色空间中(每个通道 5 位,~32K 个桶),对每个桶的实际 RGB 进行平均,然后在合并接近重复(RGB 中曼哈顿距离为 24)的同时选择最常见的前 N 个桶。结果是一个干净的、有代表性的调色板,反映了实际的视觉组成——而不仅仅是最精确的像素匹配颜色。计数滑块(3~16)允许您根据需要拨入调色板大小。每个样本显示十六进制值和像素百分比;单击单独复制,或复制全部一次获取它们。

实时预览
example.com
图片颜色提取器 已提取 8 种颜色
1920 × 1080
40000 pixels sampled
颜色
8
重新提取 全部复制
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
核心功能

即时调色板提取

加载任何常见的图像格式并在不到一秒的时间内生成主色调调色板,即使对于大图像也是如此。

准确的颜色权重

每个提取的颜色都显示其图像面积的百分比——一目了然地了解哪些是主色调,哪些是强调色。

可调整的调色板大小

滑块以选择 3~16 种颜色。小调色板用于品牌工作;较大的用于摄影参考。

一键复制

单击任何样本以复制其十六进制。或复制全部以获取完整调色板作为换行符分隔的列表以供批量使用。

完全在浏览器中运行

无需上传、无需服务器调用、无图像离开您的机器。适合私人模型、未发布的资产或敏感艺术品。

处理所有图像格式

PNG、JPG、SVG、WebP、GIF、ICO——所有都通过标准画布解码支持。透明像素会自动跳过。

使用场景

品牌颜色提取

拖放徽标图像,提取使用的确切颜色,并将它们复制到您的品牌包 CSS 变量或设计系统中。

摄影调色板生成

将风景照片提供给该工具以获得捕获其情绪的 5 色调色板——适用于艺术指导或主题构建。

UI 匹配

获取参考 UI 的屏幕截图,提取调色板,并在您自己的模型中使用这些颜色来匹配视觉效果。

客户资产分析

当客户发送单个图像作为品牌方向时,提取 8-10 种颜色以提议与参考相符的起始调色板。

从图像创建渐变

从图像获取两个最主色调以构建补充前景资产的背景渐变。

使用方法
1

打开图像颜色提取器

单击 DevSuite Pro 停靠栏中的图像颜色图标。打开一个面板,显示拖放区域和设置。

2

加载图像

拖入文件、从剪贴板粘贴 (Ctrl+V) 或单击打开文件选择器。该工具自动加载和采样像素。

3

调整颜色数量

使用滑块选择要提取多少种颜色 (3~16)。当您拖动时,调色板立即重新提取。

4

查看调色板

每个样本显示其十六进制代码和图像面积的百分比。寻找主色调——它们将具有最高的百分比。

5

复制颜色

单击任何样本以复制其十六进制,或使用复制全部以获取整个调色板作为列表供您的设计工具或 CSS 使用。

准备好开始了吗?

免费安装 DevSuite Pro,为您的浏览器解锁 64+ 个开发者工具。

添加到 Chrome 添加到 Edge 添加到 Firefox