图片与设置
🎨
点击上传 或拖放图片
从照片提取配色方案 — PNG、JPG、WebP 或 GIF
从照片提取配色方案 — PNG、JPG、WebP 或 GIF
配色方案
上传图片 — 配色方案将显示在此
什么是图片取色器？
图片取色器读取一张图片，并将其主要颜色作为可复用的配色方案返回。本工具对任意照片的像素取样，用中位切分量化归类，并以可复制 HEX 和 RGB 代码的色块显示主色。它适合让网站颜色与标志或主图匹配、构建品牌配色，或从照片中提取强调色。一切都在浏览器中运行，图片不会离开您的设备。
如何从照片提取颜色
上传图片，选择需要的颜色数量，配色方案立即出现。点击任意色块复制其 HEX 代码，或使用全部复制获取完整列表。搭配取色器与对比度检查器，把配色变成可用的颜色系统。
主色 vs 精确颜色
配色方案显示的是代表性颜色，而非某一点的逐像素采样。中位切分将选取分散到图片的整个色域，并按覆盖比例排序，因此第一个色块是最突出的颜色。
常见问题
如何从图片提取配色方案？
上传照片，工具会立即对其像素取样并归类为最主要的颜色，以色块形式显示并附带 HEX 和 RGB 值。选择需要的颜色数量（4、6、8 或 12），然后点击任意色块复制其 HEX 代码，或使用全部复制获取整套配色。
颜色是如何选取的？
工具采用中位切分（median-cut）量化 — 与生成 GIF 调色板相同的算法家族。它先缩小图片，将像素分组，并反复切分范围最宽的组，直到达到您要求的颜色数量。结果是一组有代表性的颜色，而非许多近乎相同的色调，并按主导程度排序。
我能用配色方案做什么？
把 HEX 或 RGB 值直接复制到 CSS、Figma 等设计工具或品牌风格指南中。它适合让网站颜色与标志或主图匹配、制作情绪板，或找出图片中已有的强调色。
支持哪些图片格式？
PNG、JPG、WebP 和 GIF。透明区域（PNG 和 GIF）会被忽略，以免配色偏向背景。非常大的图片会在取样前缩小，因此提取依然很快。
我的图片会被上传吗？
不会。图片在您的浏览器中用 HTML 画布本地读取和分析。它不会离开您的设备，因此适合处理未发布的设计、私人照片和客户作品。