图片颜色分析
✨ 图片分析
点击或拖拽上传图片
支持 PNG、JPEG、WebP、GIF 格式;也可直接 Ctrl+V 粘贴图片
{{ colorCount }}
{{ mergeThreshold }}
颜色数量决定提取的配色条数;合并阈值越大,越相近的颜色越会被合并为同一色。
🎨 颜色分析
上传图片后,这里将展示主色调、配色方案与颜色详情
🎯 主色调
{{ dominantColor.hex }}
{{ dominantColor.rgb }}
占比 {{ dominantColor.ratio.toFixed(1) }}%
🎨 配色方案
{{ c.hex }}
{{ c.ratio.toFixed(1) }}%
📄 颜色详情
HEX
{{ selectedColor.hex }}
RGB
{{ selectedColor.rgb }}
HSL
{{ selectedColor.hsl }}
CMYK
{{ selectedColor.cmyk }}
💡 功能说明
在线图片颜色分析工具:上传图片即可自动提取主色调与配色方案,并提供 HEX / RGB / HSL / CMYK 多种格式与占比统计,所有处理均在浏览器本地完成,图片不会上传服务器。
- 主色调提取:自动分析图片中最具代表性的主色,并显示其占比。
- 配色方案:按出现频率提取多种主要颜色,形成可复用的配色板。
- 多格式输出:每个颜色同时给出 HEX / RGB / HSL / CMYK,点击即可复制。
- 参数可调:颜色数量与合并阈值控制提取的精细度,可一键重新分析。
- 本地处理:图片仅在浏览器内读取与计算,不会上传或存储。
⚠️ 注意事项
- 为保证速度,分析时图片会先按比例缩小到约 200px 再取色,超大图结果略有近似。
- 透明像素(alpha < 125)会被忽略,纯透明背景不计入配色。
- 合并阈值越大,相近颜色越合并为同一色,最终配色数量会更少。
- 分析结果依赖图片内容,低对比或单色图提取的配色会较少。