What does a histogram tell me about my image?

A histogram shows how pixel brightness is distributed. Peaks on the left indicate dark areas; peaks on the right indicate bright areas. A well-exposed photo typically has values spread across the full range.

What is luminance vs. individual channels?

Luminance represents overall perceived brightness (combining R, G, B with human-vision weighting). Individual channel histograms show tonal distribution for each color independently.

Is my image uploaded to a server?

No. All processing happens entirely in your browser using the Canvas API. Your image never leaves your device.

Image Histogram Viewer

Sobre esta ferramenta

Upload any image to see per-channel histograms rendered on an HTML canvas. Toggle the Red, Green, Blue, and Luminance channels on or off individually. Statistics include mean, median, standard deviation, and the darkest and brightest pixel values for each channel. Useful for photographers, designers, and developers who need to understand an image's tonal distribution.

Como usar

1 Click 'Upload Image' and select a JPEG, PNG, or WebP file.
2 The histograms for R, G, B, and Luminance channels render automatically.
3 Use the toggle buttons to show or hide individual channels.
4 Review the statistics table for mean, median, standard deviation, and min/max values per channel.

What a histogram actually shows

An image histogram is a bar chart of brightness. The horizontal axis runs from 0 (pure black) on the left to 255 (pure white) on the right, and the height of each point shows how many pixels in your image have that exact value. It is the single most information-dense view of an image's tonality — far more reliable than your eyes, which adapt to ambient light and to whatever screen you happen to be using. This tool reads the file entirely in your browser using an HTML canvas; the image is never uploaded anywhere.

You get four overlaid curves. Three are the color channels — Red, Green, and Blue — and the fourth is Luminance, a perceptual brightness curve. Luminance is not a simple average of the three channels. It uses the standard weighting 0.299·R + 0.587·G + 0.114·B, which reflects how the human eye is far more sensitive to green than to blue. That is why a pure-blue pixel looks darker to us than a pure-green one of the same numeric intensity.

Reading the shape

The position and spread of the curve tells you the exposure and contrast at a glance:

What you see	What it means
Data bunched on the left, touching 0	Underexposed; shadows are crushed to pure black (clipping)
Data bunched on the right, touching 255	Overexposed; highlights are blown out and unrecoverable
A narrow spike in the middle	Low contrast; the image looks flat and gray
Data spread evenly edge to edge	Full tonal range, generally good contrast
Red curve shifted right of the others	A warm / reddish color cast

"Clipping" is the key concept. When pixels pile up against either edge, detail has been lost permanently — no editing software can recover texture from an area that recorded as solid 0 or solid 255. A good histogram for most photos stretches toward both ends without a tall spike crammed against either wall.

The statistics table, explained

Below the chart the tool computes five numbers per channel, calculated over every pixel in the image:

Mean — the average brightness. A low mean signals a dark image, a high mean a bright one. Comparing the three channel means is the quickest way to spot a color cast.
Median — the middle value when all pixels are sorted. When the median sits far from the mean, the image has a long tail (for example, a mostly dark photo with a few very bright highlights).
Std Dev — the standard deviation, which is essentially a contrast score. A small number means most pixels cluster near the mean (flat, low contrast); a large number means tones are spread widely (punchy, high contrast).
Min and Max — the darkest and brightest values actually present. If Min is well above 0 and Max well below 255, your image is not using its full available range and could be stretched.

A worked example

Imagine a foggy morning landscape. You would likely see all four curves squeezed into a tall, narrow hump somewhere in the middle, far from both edges. The statistics would confirm it: a mid-range mean around 150, a small standard deviation (maybe 20), a Min of 90, and a Max of 200. The numbers say the same thing the shape does — the photo only uses a fraction of the available tonal range, which is exactly why fog looks soft and washed out. To restore punch you would stretch those values so Min maps to 0 and Max to 255.

Practical uses

Diagnose exposure before editing. Check for clipping so you know whether shadow or highlight detail is even recoverable.
Find and fix color casts. If one channel's mean is noticeably higher, your white balance is off in that direction.
Match a look across a set. Compare the statistics of several photos to keep brightness and contrast consistent.
Isolate one channel. Toggle Red, Green, Blue, or Luminance off to study a single curve without the others overlapping it.

Common mistakes

Chasing a "balanced" histogram. There is no ideal shape. A night scene should be weighted left; a snow scene should be weighted right. Use the histogram to confirm intent, not to force a centered hump.
Confusing luminance with an RGB average. Luminance is weighted toward green, so it rarely sits exactly between the channel curves.
Judging a small thumbnail. The statistics are computed on the full-resolution pixels regardless of the preview size, so trust the numbers over the shrunken preview.