颜色调色板提取器
在浏览器中即可立即从任何照片或艺术作品中提取主色调。一键获取 HEX、RGB 和 HSL 代码。
在此处上传您的图片
或点击浏览 — JPG、PNG、WebP
各种格式的颜色
从任何图像（照片、艺术作品、屏幕截图或品牌资产）中提取现成的调色板——所有图像均在本地处理。
主色提取
使用中值切割算法来查找图像中最具视觉意义的颜色，而不仅仅是最常见的像素。
十六进制、RGB 和 HSL 输出
提取出的每种颜色都以三种格式显示，并带有一键副本按钮。可直接粘贴到 CSS、Figma 或 Sketch 中。
可调节调色板尺寸
提取 4、6、8 或 12 种颜色——根据您的使用场景选择合适的细节级别。
100% 私密 — 从未上传
颜色分析完全在您的浏览器中使用 Canvas API 进行。您的图像不会离开您的设备。
一键复制
点击任意色块即可将其十六进制代码副本到剪贴板。根据需要切换到 RGB 或 HSL 模式。
导出为 CSS 变量
下载提取出的调色板，格式为 CSS 自定义属性代码片段，可直接放入任何样式表中。
谁在使用调色板提取器
需要从视觉素材中提取可用颜色代码的设计师、开发人员和营销人员。
用户界面和网页设计
从客户的照片或徽标中提取与品牌相匹配的颜色，以构建一致的设计系统调色板。
- 从品牌照片构建设计代币
- 将用户界面颜色与主图相匹配
- 从模型中提取 CSS 变量
市场营销与社交媒体
确保您的社交媒体帖子、广告和幻灯片中的颜色与您的产品摄影或宣传图片中的颜色相匹配。
- 将广告背景与产品照片相匹配
- 从活动主图中提取调色板
- 创建一致的幻灯片配色方案
艺术与插画
从参考照片、绘画或情绪板中选择有限的色调，以指导您自己的颜色选择。
- 从参考照片中提取调色板
- 从绘画作品中选取颜色样本进行研究
- 构建情绪板颜色集
如何分三步提取颜色
将任何照片、屏幕截图或艺术作品拖放到上传区域。支持 JPG、PNG 和 WebP 格式。
选择要提取的颜色数量——从 4 种（用于打造简洁的品牌色调）到 12 种（用于详细分析）。
点击任意色板即可副本其 HEX 代码，或将完整调色板下载为 CSS 变量代码段。
常见问题解答
关于从图像中提取调色板的常见问题。
颜色提取是如何进行的？
该工具通过 Canvas API 对图像的像素数据使用中值切割算法。它将颜色空间划分为多个簇，并从每个簇中选取最具代表性的颜色——从而提供具有视觉意义的主色调，而不仅仅是统计平均值。
我的图片上传到服务器了吗？
不。所有颜色分析都在您的浏览器中完成。您的图像绝不会离开您的设备，也不会向任何服务器发送任何数据。
支持哪些颜色格式？
提取的每个颜色都以 HEX（例如 #3a7bd5）、RGB（例如 rgb(58, 123, 213)）和 HSL（例如 hsl(215, 63%, 53%)）格式显示。点击任意色板即可副本您所需格式的值。
我最多能提取出多少种颜色？
您可以提取 4 到 12 种颜色。对于品牌设计工作，4 到 6 种颜色通常能提供最简洁的调色板。对于精细的艺术分析，8 到 12 种颜色可以捕捉到图像更丰富的色调范围。