图片主色提取 — 色板与点击取色
6
点击图片，对该点周围小区域取平均色（约 7×7 源像素）。
从照片提取主色与完整色板，也可用图片取色器点击局部区域取样，全程本地、不上传。步骤：选图、设定色数（2–12）、提取，复制 HEX/RGB/HSL，或点击预览取区域平均色。示例：品牌照抽六色做 CSS，再点 logo 得强调色——文件不离设备。
怎么用
选照片并提取色板：页面缩小工作副本（长边约 256 像素），跳过近透明像素，分组排序。另可点击预览，在原图分辨率上对点击附近小方块取平均并复制 HEX/RGB/HSL——不上传。
结果说明
色板提取与点击取色共用一张图，但回答不同问题。颜色不对时对照下面几条。
- 色板取样用缩小位图（长边约 256 像素），大图也能流畅。细纹理可能并入邻近色相。
- 透明度低于 128 的像素在色板与点击平均中都会被忽略。全透明处会提示。
- 可设 2–12 色；平坦图可能更少。色块按样本占比排序。
- 点击取色在原图坐标对约 7×7 不透明像素取平均（非仅缩小预览的单点）。是区域样本，不是实验室级单像素吸管。
- 隐私：解码、色板与点击取样均在本地本标签页完成。
示例
加载四色块示例，色数 6，提取——应见青绿、琥珀、绿、米白、红等色块。再点红圆：取色卡显示该点 ~7×7 平均的红色 HEX，可立即复制。
适合场景
- 品牌照：先抓色板，再点 logo 或按钮取具体强调色。
- 界面截图：扫一眼界面配色，再点芯片或图标取该区域颜色。
- 渐变灵感：从色板或点击取两个强调色，再去渐变计算器。
常见问题
图片会上传吗？
不会。色板与点击取样都在本地。可在 Network 面板确认没有 POST 图片。
主色是怎么选出来的？
页面缩小图片、去掉低透明像素，用中位切分分组、取平均并按样本数排序。
点击图片会怎样？
工具把点击映射回源像素，对约 7×7 小块内不透明色取平均，得到 HEX/RGB/HSL，与色板列表分开显示。
为什么不是单像素？
照片和 UI 截图在 1×1 常有噪点。小区域平均更稳，适合 CSS 强调色，仍能反映你点的位置。
动图 GIF 会全部分析吗？
只绘制第一帧，用于色板，也可点击取色。
相关工具
咨询与反馈
页面不清、功能异常或想提建议？在下方起草邮件，我们会阅读每一封关于工具的来信。