图片色彩分析
丢一张图进来，先把它光影明暗量化成数据（平均亮度、三段占比、动态范围、反差、过曝欠曝、明暗分布），
再把颜色归纳成一套色板，分出主色 / 辅色 / 点缀色，每个颜色都给出 RGB 与 LAB 数值，
最后按光影与配色给出情绪推测与调色意见（主观启发式，可关闭）。
全部计算都在你的浏览器里完成，图片不会上传到任何服务器——断网也能用。
① 选一张图
建议单边不超过 4000px；分析会自动降采样到长边 1024px，很快
「截屏选取」会请求浏览器的屏幕捕获权限，之后你可以在截下的画面上框选任意区域作为分析对象； 若浏览器不支持或你拒绝了授权，用前三种方式一样可以分析。
高级选项
聚类出多少个颜色候选（不含中性色的合并）。改完会自动重算。
彩度低于该值的颜色归入「黑 / 白 / 灰」，不参与主辅点缀的竞争。
还没有选择图片。
② 图像对比
左为原图；中是只保留光影的黑白版——明暗结构对不对，去掉颜色一眼就看出来； 右是把每个像素替换成归纳出的色板里最接近的颜色，也就是这张图"真正的配色骨架"，渐变与杂色会被压平成纯色块。 点任意一张图可全屏查看。
③ 光影量化
亮度直方图（L* 为主，可叠 RGB 通道看偏色）
鼠标移到任意一档上，会显示该亮度区间的像素数、占全图比例，以及同档位的 R / G / B 像素数。
量化数据
波形图与颜色矢量图（左右并排）
每一列像素的明暗分布：亮的地方堆在顶部，暗的地方沉在底部。上下两端顶到边=接近过曝 / 死黑，中间的空档=该亮度区间没有像素。
越靠中心越接近灰白（彩度低），越靠外越鲜艳；同一方向的密集色块=画面里成片存在的那类颜色，偏色会整体偏离中心。
高光 / 中间调 / 阴影 占比
8×8 明暗分布图（每格是该区域的平均 L*，一眼看出亮部暗部在画面哪个位置）
越亮 = 该区域越亮；越暗 = 该区域越暗。适合快速判断光比走向与主体位置。
④ 颜色归纳
中性色（黑 / 白 / 灰）
彩度低于阈值的颜色单独归栏，不参与主色 / 辅色 / 点缀色的竞争——否则白底图的"主色"会被背景白色霸占。
其他颜色
⑤ 色彩情绪与调色建议
判断依据
调色建议
想换个方向
以上是按统计规则推出来的主观联想，不是事实判断：同一组颜色在不同题材、文化语境里含义可以完全相反 （红既可以是喜庆，也可以是警示）。把它当作看图的第二意见，最终以你自己的第一眼感受为准。
情绪判断已关闭（设置会记住，下次打开还是关的）。它只是基于明暗与色彩统计的主观推测，需要时点右上角开关即可恢复。
⑥ 完整数值表
L* = 明度（0 黑 ~ 100 白）；a* 负偏绿、正偏红；b* 负偏蓝、正偏黄； C（彩度）= √(a²+b²)，越大越艳；h（色相角）以 0° 为红、90° 为黄、180° 为绿、270° 为蓝。 数值口径与 Photoshop 吸管一致（D65 白点）。
⑦ 导出色板
CSS 变量
可直接粘进项目的 :root。
SCSS 变量
与 CSS 变量同构的 $ 变量。
JSON 数据
含全部数值与角色标记，方便二次处理。
ASE 色板
Adobe Swatch Exchange，可导入 PS / AE / AI 色板面板。
色卡长图 PNG
原图 + 色带条 + 角色卡 + 明暗数据合成一张图，适合存档或发人。
分析完成后，这里会显示可复制的色板代码。
规则与说明
- 明暗用 L*，不用 RGB 亮度。LAB 的 L* 按人眼感知均匀性设计——同样"差 10"，在暗部和亮部的视觉感受才等价。
- 动态范围取 P1~P99 分位，不取最小最大值。避免一颗噪点或一块死黑把区间撑满。
- 颜色在 LAB 空间聚类，不在 RGB 里。RGB 的欧氏距离与人眼感知不一致（暗部差异被低估、色相之间的"距离"是歪的），在 RGB 里聚类得到的色板常常"散"。
- 中性色单独归栏。彩度低黑 / 白 / 灰不参与主辅点缀竞争，否则白底产品图的主色会被背景霸占。
- 点缀色不是"面积第三大"。判据是面积小（≥0.5%）＋ 彩度高（C ≥ 25）＋ 与主色色相夹角 ≥ 90°——设计上的点缀色本质是"小面积、高冲击"，按面积排名会把真正的点睛色挤掉。
图片会被上传吗？
不会。从读取像素到聚类、出图，全部在你的浏览器内存与 Canvas 中完成，页面不发起任何图片上传请求。断网状态下功能完全正常。你可以打开浏览器开发者工具的 Network 面板自己验证。
为什么分析前要缩到长边 1024px？
色彩归纳看的是整体色彩构成而不是像素级细节，但分辨率也不能压得太低——压得太低会把画面里那些面积很小、饱和度很高的点缀（比如产品上的一个小红标）在降采样时糊掉，点缀色就识别不出来了。缩到长边 1024px 后单张图约 100 万像素，聚类依然很快，同时小面积的鲜艳色能完整保留下来。原图仍保留在预览与"色卡长图"里，不影响你核对。
透明背景的 PNG 怎么算？
完全透明的像素会被跳过（不参与统计），半透明像素按覆盖在白色背景上合成。这样一张透明底的 logo 不会因为"透明=黑"而被算成满屏黑色。
和 Photoshop 吸管的 LAB 数值对得上吗？
对得上。本页按标准 sRGB → 线性 → XYZ（D65）→ LAB 公式换算，与 PS 的 LAB 读数为同一口径。若发现偏差，通常是因为 PS 里图片还带着色彩配置文件（如 Adobe RGB）未经转换。
截屏按钮点了没反应？
屏幕捕获需要浏览器支持（Chrome / Edge 90+、Safari 15+、Firefox 90+）且在安全上下文（https 或 localhost）下才能用。如果你的浏览器不支持，或你把页面另存为本地文件打开，请改用「上传 / 拖拽 / Ctrl+V 粘贴」——这三种方式不受限制。
为什么同一张图，k 值不同主色会变？
k 是"把全图归纳成多少个颜色候选"。k 小会把相近颜色合并（主色面积更大），k 大会把渐变拆开（出现更多相近色）。默认 10 对多数图比较合适；如果你在意某个特定的颜色是否被单独识别，把它调大再试。
本板块与前四个板块不同：不依赖任何本机服务，公网访客与离线单页版都能完整使用。