🖼️

图片颜色分析

✨ 图片分析
🖼️
点击或拖拽上传图片
支持 PNG、JPEG、WebP、GIF 格式;也可直接 Ctrl+V 粘贴图片
预览
{{ colorCount }}
{{ mergeThreshold }}
颜色数量决定提取的配色条数;合并阈值越大,越相近的颜色越会被合并为同一色。
🎨 颜色分析
🎨
上传图片后,这里将展示主色调、配色方案与颜色详情
preview
正在分析颜色...
🎯 主色调
{{ 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)会被忽略,纯透明背景不计入配色。
  • 合并阈值越大,相近颜色越合并为同一色,最终配色数量会更少。
  • 分析结果依赖图片内容,低对比或单色图提取的配色会较少。