免费图片主色提取
上传静态图片,获取按占比排序的主色,适用于设计、品牌与情绪板。可调色块数量,复制单个 HEX 或整组 CSS/JSON;与其他图片工具相同(单文件 60 MB,不支持动图 GIF)。
Loading…
如何使用
- 1
打开图片调色板
上传照片以发现主色。
- 2
选择色块数量
选择 4–12 个颜色,查看 HEX、RGB 与占比。
- 3
复制 HEX 或 CSS
粘贴到设计工具或样式表中。
要点
| 可离线? | 是,采样与聚类均在浏览器内完成。 |
|---|---|
| 会上传吗? | 不会,照片不离开本标签页。 |
| 与颜色转换区别? | 转换器输入已知色值;本工具从照片中发现主色。 |
| 准确度? | 边缘加权采样有助于提取界面截图中的文字与图标色,建议选 16–24 个色块。 |
典型用途
- 从照片提取主色 — HEX、RGB、CSS、JSON,仅本地处理。
- 可离线?: 是,采样与聚类均在浏览器内完成。
- 会上传吗?: 不会,照片不离开本标签页。
- 与颜色转换区别?: 转换器输入已知色值;本工具从照片中发现主色。
- 准确度?: 边缘加权采样有助于提取界面截图中的文字与图标色,建议选 16–24 个色块。
常见问题
颜色如何选取?▾
综合面积占比、高对比边缘(文字/图标)、饱和强调色与 12×12 网格分区,避免大背景盖住小面积 UI 颜色。
能复制到 CSS 吗?▾
可以 — 使用「复制 CSS 变量」得到 --palette-N 形式,或复制 JSON 供应用使用。
为何不支持 GIF?▾
动图需逐帧处理,本工具面向静态照片。
透明 PNG?▾
透明像素会跳过,避免干扰主色结果。
HEIC 照片?▾
在浏览器或解码器可读时支持,与其他图片工具相同。
每次结果相同吗?▾
同一图片与数量设置下结果稳定(在同一设备上)。