校色前曝光自查
修图师接到一批婚礼外景片，天空和肤色在屏幕上看偏冷，但不确定是白平衡还是曝光问题。打开本工具的 RGB 直方图，发现红色通道在中间调区域出现断层，而亮度直方图的高光部分没有溢出——说明是白平衡设置偏蓝导致肤色发青，而非过曝。据此在后期软件中直接调整色温，省去了反复试错的步骤。
拖入 / 点击 / 粘贴图片
支持 JPG · PNG · WebP · GIF · BMP · AVIF · 单图分析
截图直接 CtrlV 粘贴
曝 光 判 读Exposure
—
暗 0中 128亮 255
载入图片后给出整体曝光评估。
通道
Y轴
| 通道 | 均值 | 中位 | 标准差 | 众数 | 最小 | 最大 | 溢出% | 死黑% |
|---|
怎么读：横轴 = 色阶 0–255（左暗右亮），纵轴 = 该色阶的像素数。偏左=欠曝、偏右=过曝、挤中央=对比度低、贴左右壁堆峰=暗部/高光裁切（丢细节）。单通道整体偏移则提示色偏，可指导白平衡。对数轴用于看清暗部稀疏分布。
就绪 · 拖入或粘贴图片开始分析
第一节
关于本工具
About修图时发现照片偏色，对着屏幕调了半天，却不知道是暗部缺蓝还是高光溢红。在工具里传一张图，直方图会把 RGB 三个通道的像素分布拆成三根曲线，亮度分布也单独画出来——偏色、欠曝、过曝一眼就能定位。所有运算在浏览器里完成，图片不会离开本地。
使用场景
电商白底图质检
运营每天要审核 200 张商品白底图，肉眼判断背景是否纯白常因屏幕亮度产生误判。把图片拖入本工具，查看亮度直方图：纯白背景应在 255 处形成单根细线，若背景区域有 248-254 的灰色散点，说明抠图残留了阴影。质检员据此快速标记需返工的图片，不再依赖主观感受。
印刷前对比度确认
设计师准备一套宣传册，在屏幕上看着层次分明，但打样出来暗部糊成一团。用本工具查看 RGB 直方图，发现蓝色通道在 0-30 区间出现大量堆积，而红色和绿色通道在该区间几乎空白——说明暗部偏蓝且缺乏色彩分离。设计师据此将暗部色阶向红绿方向微调 5%，印刷品暗部细节恢复清晰。
监控画面嫌疑排查
安防值班员回看一段夜间录像，嫌疑人从阴影处走出，面部在画面中过暗。将关键帧导出后在本工具中查看亮度直方图，发现画面像素集中在 10-50 的低亮度区间，没有中间调和高光。说明该区域缺乏足够的环境补光，即便后期提亮也会产生严重噪点，据此判断此角度不具备识别条件，需调取另一机位。
老照片翻拍调色
用户用手机翻拍一张 80 年代全家福，画面整体发黄且人物面部偏红。在修图前先用本工具查看 RGB 直方图：红色通道在 200-255 区间明显隆起，而蓝色通道在 0-50 区间缺失。这说明翻拍时环境灯光偏暖且白平衡未校准，而非照片本身褪色。用户据此在后期软件中只调整色温和色调，不用动曲线，保留了照片原有的颗粒质感。
第二节
使用指南
Getting Started使用步骤
- 1拖拽或点击上传图片，界面即时显示原始预览缩略图
- 2在「通道」下拉列表中选择 RGB、红、绿、蓝或亮度，直方图立即重绘
- 3鼠标悬停直方图任意柱条，底部状态栏显示该灰度级的像素数量
- 4点击「导出数据」按钮，将当前直方图的 256 级数值保存为 CSV 文件
输入输出示例
| 输入 | 输出 | 说明 |
|---|---|---|
| 纯红渐变图（从左到右：R 0→255, G=0, B=0） | RGB 直方图：R 通道呈均匀水平线，G/B 通道为 0 处单峰；亮度直方图：左侧低亮度峰（暗红）到右侧高亮度峰（亮红）均匀过渡 | 常规：验证 RGB 通道分离与亮度映射正确性——纯色渐变应产生平滑的亮度分布而非离散尖峰 |
| 标准 18% 灰卡（R=G=B=128） | RGB 直方图：三条通道完全重叠，峰值位于 128 处；亮度直方图：单峰位于 128 附近 | 常规：验证中性灰下 RGB 通道一致性，以及亮度计算（L=0.299R+0.587G+0.114B）是否准确 |
| 全黑图像（所有像素 R=G=B=0） | RGB 直方图：三条通道均在 0 处有单峰，其余位置为 0；亮度直方图：0 处单峰 | 边界：零值输入——验证直方图 bin 下限是否包含 0，以及无数据区间是否显示为空白而非报错 |
| 全白图像（所有像素 R=G=B=255） | RGB 直方图：三条通道均在 255 处有单峰，其余位置为 0；亮度直方图：255 处单峰 | 边界：最大值输入——验证上限 255 是否被正确包含，以及 bin 上限处理（常见 bug：255 被归入 254 的 bin） |
| 单像素图像（1×1 像素，R=200, G=100, B=50） | RGB 直方图：R 200 处 1 个计数，G 100 处 1 个计数，B 50 处 1 个计数；亮度直方图：亮度值 ≈ 143 处 1 个计数 | 边界：极小图像——验证工具是否支持非标准尺寸（如 1×1），以及计数是否为整数而非归一化小数 |
| 高对比度黑白图像（50% 纯黑像素 + 50% 纯白像素，棋盘格） | RGB 直方图：三条通道均在 0 和 255 处有等高峰；亮度直方图：0 和 255 处等高峰，中间无数据 | 易错：验证直方图是否产生中间伪峰（因抗锯齿或缩放插值引入中间色），正确结果应只有两极 |
| 带透明通道的 PNG（RGBA，半透明红色区域） | RGB 直方图：仅统计 RGB 通道，透明像素的 RGB 值仍被计入（取决于实现）；亮度直方图：同左 | 易错：不同工具对 Alpha 通道处理不同——有的忽略透明像素，有的计入 RGB 值。本工具默认计入所有像素的 RGB 值，需在 note 中说明 |
| 16 位深 TIFF 图像（像素值范围 0-65535，非 8 位） | 输出：不支持；工具仅处理 8 位图像，16 位图像会被自动降采样或拒绝 | 边界/易错：位深不匹配——用户常误以为所有格式都支持，实际本工具只处理 8 位/通道，16 位输入会触发错误提示或降级处理 |
常见错误对照
1.误把直方图当成图像本身，认为“调色”能直接改直方图形状
✗ 错误
看到直方图左侧缺阴影，直接拖拽曲线工具最左端到 0，结果暗部细节丢失✓ 修复
观察直方图左侧是否有像素堆积到 0 边界，若有则说明暗部已裁切，应调整曝光或补光而非强行拉曲线直方图是统计分布图，不是编辑图层。调整曲线会改变像素映射关系，但无法“填补”原本缺失的亮度级，反而可能造成色阶断裂。
2.用 RGB 直方图判断单通道偏色，忽略通道叠加效应
✗ 错误
看到 RGB 直方图整体偏右（亮部多），就认为图像过曝，但实际是黄色高饱和区域导致✓ 修复
切换到 R/G/B 单通道直方图，分别查看每个通道的像素分布，确认高亮区域在哪个通道溢出RGB 直方图将三个通道的亮度值叠加显示，高饱和色（如纯黄 = R+G）会让亮度直方图右移，但实际曝光正常。必须分通道看才能定位偏色。
3.忽略直方图 X 轴的 0 和 255 边界，误判裁切
✗ 错误
直方图最左端没有像素，就认为图像欠曝严重✓ 修复
检查直方图左右两端是否紧贴边界且像素堆积（裁切），若左侧离边界有间隙则说明暗部有冗余动态范围，可后期提亮直方图 X 轴 0（纯黑）和 255（纯白）是亮度极值。像素堆积在边界意味着细节丢失（裁切），离边界有空隙则说明该端还有调整余地。
4.把亮度直方图当作色彩饱和度判断依据
✗ 错误
亮度直方图显示中间调平坦，就认为图像颜色不够鲜艳✓ 修复
查看 RGB 直方图中各通道的分离程度，或直接使用饱和度/色相分析工具亮度直方图只统计明度信息，不包含色相和饱和度。一张灰度图也能有完美的亮度直方图，但毫无色彩。饱和度需通过色彩通道的差异度判断。
5.用 JPEG 直方图做精确后期，忽视压缩损失
✗ 错误
在 JPEG 图像上看到直方图有纤细的竖线间隙，认为是相机传感器缺陷✓ 修复
若需精确分析，使用 RAW 格式文件生成直方图；JPEG 的直方图仅作参考JPEG 有损压缩会合并相近色块、引入块效应，导致直方图出现非自然的间隙或毛刺。RAW 直方图反映传感器原始数据，更准确。
6.混淆直方图“峰值”与“像素数量”的关系
✗ 错误
认为直方图某个亮度级峰值高，就代表该区域面积大✓ 修复
理解直方图纵轴是像素计数，峰值高只说明该亮度级像素多，不表示空间面积大——例如纯色天空的亮度级可能集中但面积小直方图丢失空间位置信息。一个亮度级峰值高可能来自小面积高密度像素（如文字），也可能来自大面积均匀色块（如天空），无法区分。
7.在非 sRGB 色彩空间下解读直方图，误判色调
✗ 错误
用 Adobe RGB 色彩空间的图像在 sRGB 显示器上看直方图，发现红色通道异常凸起✓ 修复
检查图像色彩空间，若为广色域（Adobe RGB / ProPhoto RGB），在 sRGB 工具中生成的直方图会压缩色域，导致通道分布变形直方图基于当前色彩空间计算。广色域图像映射到 sRGB 时，超出色域的颜色会被裁切或压缩，直方图形状会失真。应使用支持色彩空间管理的工具。
第三节
工作原理
How It Works核心公式
L = 0.299R + 0.587G + 0.114B
变量说明
L亮度值，范围 0–255R红色通道像素值，0–255G绿色通道像素值，0–255B蓝色通道像素值，0–255
示例
某像素 RGB=(120, 200, 80)：L = 0.299×120 + 0.587×200 + 0.114×80 = 35.88 + 117.4 + 9.12 = 162.4，取整 162，对应直方图横坐标 162 处计数+1。
用户输入
本地处理
输出结果
第五节
常见问题
Q & A问上传图片后直方图一片空白，什么情况？＋
答
最常见原因是图片本身像素极低（比如 1×1 或纯色 100×100），直方图的柱状条高度不足以显示。另外，如果图片是 CMYK 或灰度模式但浏览器解码后只得到单通道，亮度直方图能出但 RGB 分通道会空白。可以换一张正常尺寸的彩色 JPEG 测试，排除浏览器兼容问题。本工具纯前端运行，不涉及上传，所以跟服务器端处理无关。
问直方图里左边和右边的柱子分别代表什么？＋
答
横轴从左到右代表亮度从暗到亮（0-255），纵轴表示该亮度值的像素数量。左边柱子高说明暗部像素多，右边柱子高说明亮部像素多。如果柱子全部挤在中间，说明图片整体亮度均匀、对比度低。RGB 分通道直方图同理，只是分别统计红、绿、蓝三个通道的亮度分布。
问这个直方图和 PS 里的直方图数据一样吗？＋
答
算法原理一致，但具体数值可能有小差异。本工具使用纯前端 Canvas 读取像素数据，统计每个亮度级别的像素个数；PS 会做额外平滑处理并可能应用不同的缩放算法。对于 8-bit 图片，本工具的原始计数与 PS 的「原始数据」视图基本吻合，但 PS 默认显示的「平均值」「标准偏差」等统计量本工具不提供。如果只是看曝光分布，结果足够参考。
问为什么直方图看起来有锯齿/不平滑？＋
答
这是原始像素计数的直接呈现，没有做平滑或插值。如果图片分辨率低（如 800×600），每个亮度级别的像素数量少，柱子高度就会参差不齐。这是正常现象，并非工具出错。可以放大图片或换高分辨率图片测试，锯齿会明显减少。PS 等软件默认会做平滑显示，但原始数据也是锯齿状的。
问直方图能不能帮我判断照片过曝或欠曝？＋
答
可以。如果直方图右侧（接近 255 区域）柱子堆积且被切断，说明高光部分溢出，照片过曝；如果左侧（接近 0 区域）堆积且被切断，说明暗部细节丢失，照片欠曝。理想曝光通常是波形中间高两边低，没有在两端被切断。但注意，某些风格（如高调人像、夜景）本身就有偏亮或偏暗的分布，需结合拍摄意图判断。
问上传 PNG 带透明通道，直方图怎么算的？＋
答
本工具读取图片时忽略 Alpha 通道，只统计 RGB 三个颜色通道的像素值。透明区域的像素如果 RGB 值为纯黑（0,0,0），会在暗部产生大量计数，导致直方图左侧异常偏高。如果希望分析实际内容，建议先使用其他工具将透明区域填充为白色或中性灰，再上传分析。
问手机拍的照片直方图中间总有缺口，是坏了吗？＋
答
不是。手机照片经过机内处理（如 HDR、降噪、锐化）后，像素亮度值可能集中在某些区间，中间出现缺口说明该亮度范围的像素极少或没有。这是相机算法对亮度分布进行拉伸或压缩的结果，属于正常现象。如果缺口位置固定出现在 128 附近，可能是 JPEG 压缩时的量化表导致。
问能不能批量对比多张图片的直方图？＋
答
本工具一次只能处理一张图片，不支持批量对比。如果需要对比多张图片的曝光或色调分布，可以分别截图直方图结果后手动对比。若需要自动化批量处理，建议使用命令行工具（如 ImageMagick 的 `convert` 命令加 `-histogram` 参数）。本工具定位是快速查看单张图片的直方图，无需安装软件。
隐私保证所有计算与处理均在你的浏览器本地完成，输入数据不会上传服务器，也不会保存或共享。