设计师和开发人员不断需要从图像中提取颜色——从徽标中提取品牌颜色、从照片构建调色板、将 UI 与参考艺术作品匹配。图像颜色提取器无需上传在浏览器中处理此问题。拖放、粘贴或单击加载图像 (PNG、JPG、SVG、WebP、GIF)。该工具将缩小版本绘制到画布,对每第 4 个像素进行采样,将它们分组到缩减的颜色空间中(每个通道 5 位,~32K 个桶),对每个桶的实际 RGB 进行平均,然后在合并接近重复(RGB 中曼哈顿距离为 24)的同时选择最常见的前 N 个桶。结果是一个干净的、有代表性的调色板,反映了实际的视觉组成——而不仅仅是最精确的像素匹配颜色。计数滑块(3~16)允许您根据需要拨入调色板大小。每个样本显示十六进制值和像素百分比;单击单独复制,或复制全部一次获取它们。
加载任何常见的图像格式并在不到一秒的时间内生成主色调调色板,即使对于大图像也是如此。
每个提取的颜色都显示其图像面积的百分比——一目了然地了解哪些是主色调,哪些是强调色。
滑块以选择 3~16 种颜色。小调色板用于品牌工作;较大的用于摄影参考。
单击任何样本以复制其十六进制。或复制全部以获取完整调色板作为换行符分隔的列表以供批量使用。
无需上传、无需服务器调用、无图像离开您的机器。适合私人模型、未发布的资产或敏感艺术品。
PNG、JPG、SVG、WebP、GIF、ICO——所有都通过标准画布解码支持。透明像素会自动跳过。
拖放徽标图像,提取使用的确切颜色,并将它们复制到您的品牌包 CSS 变量或设计系统中。
将风景照片提供给该工具以获得捕获其情绪的 5 色调色板——适用于艺术指导或主题构建。
获取参考 UI 的屏幕截图,提取调色板,并在您自己的模型中使用这些颜色来匹配视觉效果。
当客户发送单个图像作为品牌方向时,提取 8-10 种颜色以提议与参考相符的起始调色板。
从图像获取两个最主色调以构建补充前景资产的背景渐变。
单击 DevSuite Pro 停靠栏中的图像颜色图标。打开一个面板,显示拖放区域和设置。
拖入文件、从剪贴板粘贴 (Ctrl+V) 或单击打开文件选择器。该工具自动加载和采样像素。
使用滑块选择要提取多少种颜色 (3~16)。当您拖动时,调色板立即重新提取。
每个样本显示其十六进制代码和图像面积的百分比。寻找主色调——它们将具有最高的百分比。
单击任何样本以复制其十六进制,或使用复制全部以获取整个调色板作为列表供您的设计工具或 CSS 使用。