什么是图片取色器？
上传任意图片，工具会自动提取其中的主色调，生成可直接使用的调色板。每种颜色都附带 HEX、RGB 和 HSL 色值，方便直接用于设计。
工具读取图片的像素数据,使用中位切分算法把颜色分组(和早期 GIF 调色板用的算法一样)。每次可以提取 3 到 12 个色块,每个都附带 HEX、RGB、HSL 三种格式。支持 JPG、PNG、WebP。
使用方法
- 将任意图片（JPG、PNG、WebP）上传或拖放到工具区域。
- 工具会即时提取主要颜色，并以色板和色块的形式展示。
- 点击任意色块，即可将其 HEX、RGB 或 HSL 格式的色值复制到剪贴板。
何时使用
- 做设计前,从灵感图里抓配色,直接套到网页或印刷稿上。
- 对方没有品牌色卡时,用一张已有图片反推主色。
- 从主视觉照片里挑出 PPT 或报告的点缀色。
结果
一位网页设计师上传了一张日落照片，提取出 6 种颜色的调色板：深橙色 #E8751A、珊瑚粉 #F2937C、天蓝色 #6BA3C7、金色 #D4A843、暖奶油色 #FFF0D4 和深紫色 #3B2156。这些精确色值随后直接用到了网站设计中。
常见问题
- 工具是怎么判断「主色」的?
- 它把所有像素归类到不同颜色桶里,然后保留像素数最多的几个桶。所以一个小但鲜亮的高光会输给一片大但暗淡的背景。想改为抓出这些亮点,把提取模式切换成「鲜艳」即可。
- 为什么同一张图每次提取的颜色会略有不同?
- 为了速度,聚类算法做了少量随机采样,所以复杂照片上挑中的像素会有偏移。重复跑通常结果差不多。减少色块数量也能让结果更稳定。
- 能不能提取多于或少于 6 个颜色?
- 可以。用数量调节按钮可在 3 到 12 之间切换。色块少抓整体氛围;色块多能看到细微变化,适合多色插画或需要还原渐变的场景。
- 三种格式 HEX、RGB、HSL 该选哪种?
- 做 CSS 或设计软件用 HEX。需要精确通道值(比如写 SVG、canvas)选 RGB。想数学化调色——比如把 L 值调高变浅色——用 HSL。
- 图片会被上传到服务器吗?
- 不会。图片在你本机的浏览器里直接解码和分析,不会上传。所以分析 logo、设计稿、客户照片这类不方便外发的图也完全安全。