By Tim King · Updated
Image Histogram Viewer
RGB and Luminance Histogram of a Photo, Showing Clipped Highlights and Shadows
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Image Histogram Viewer works
This image histogram viewer shows the tones in a photo. Drop in a photo and see its histogram the way a camera or photo editor would show it: how many pixels sit at every brightness level from black on the left to white on the right, for red, green, blue and overall luminance. The stats give the mean and spread of each channel and the share of pixels that have hit pure black or white. Nothing leaves your browser.
Image histogram viewer: what to know first
A histogram is the most honest picture of an exposure. Screens lie: a photo looks brighter on a phone at full brightness than on a laptop in daylight, and a dark room makes everything look well exposed. The histogram does not change with the screen. It counts every pixel by its brightness, from 0 for pure black on the left to 255 for pure white on the right, and the height at each point is how many pixels have that value. That is why every serious camera, raw editor and video monitor shows one.
How to read an image histogram
The shape tells you where the tones of the picture sit, not whether the picture is good. A night scene should crowd to the left and a snowfield to the right. What matters is whether the shape matches the scene, and whether anything is jammed against an edge.
| Shape | What it means | What to do |
|---|---|---|
| Hump across most of the range | Normal exposure for an ordinary scene | Nothing |
| Crowded to the left | A dark image | Brighten, if the scene was not meant to be dark |
| Crowded to the right | A bright image | Darken or recover highlights |
| Narrow hump in the middle | Flat, hazy, low contrast | Add contrast or a levels adjustment |
| Spike hard against an edge | Clipping: detail lost at black or white | Reshoot, or accept it |
| Comb of gaps and spikes | Heavy 8-bit editing stretched the tones | Edit from the original |
Clipped detail cannot be recovered by editing a JPEG. Brightening a crushed shadow just turns black into flat grey. Photographers call the habit of keeping the curve as far right as possible without clipping "exposing to the right", because it captures the most tonal detail with the least noise, then pull the brightness down afterwards.
The three views
RGB overlaid draws the red, green and blue channels on top of each other in additive colour. Where all three coincide the curve looks white; where they separate you can see a colour cast. A blue curve sitting to the right of the others means a cool image, and red to the right means a warm one, which is the usual result of tungsten light.
Luminance converts the image to grey first, weighting green most and blue least in the same way the eye does, and shows a single curve. It is the one to read for overall exposure.
Separate channels stacks luminance and the three colours as four plots, so none of them hides another. Use it to catch a single clipped channel.
Vertical scale switches between a linear count and a logarithmic one. The log scale squashes the tallest peaks and lifts the sparse tails, so a small amount of clipping or a thin spread of highlight detail becomes far easier to see.
Reading the stats
- Source is the size of the image analysed. Large images are scaled to 1600 pixels on the long side before counting, which does not change the shape of the distribution.
- Mean RGB is the average of each channel, with 128 as the midpoint. If one channel's mean is well above the others, the image has a cast in that colour. For example, 142 / 128 / 104 is a warm image, typical of indoor light or a golden-hour sky.
- Std dev RGB measures spread, which is a practical proxy for contrast. Values in the single digits or low teens mean a flat, foggy image; 60 or more is punchy, high-contrast material.
- Luminance gives the same two figures for the grey version, the best single summary of brightness and contrast.
- Near black / white is the share of pixels within eight levels of either end. A note appears when either passes 2 %, the usual sign of crushed shadows or blown highlights.
Where it helps
- Product photos on white backgrounds should show a tall spike at 255 for the background and no spike just below it, which would mean a grey, not white, backdrop.
- Scans and screenshots that look washed out usually show a gap at both ends; stretching the levels to fill it restores contrast.
- Comparing edits: run the before and after, or put them side by side with image compare, to confirm an edit added contrast rather than just clipping.
Pitfalls
- A single channel can clip while luminance looks fine. Red flowers, sunsets and stage lighting often blow out the red channel alone, so check Separate channels before trusting the near-white figure, which is measured on luminance.
- Graphics are not photos. A logo or illustration shows a few sharp spikes at its flat colours. That is correct, not a problem.
- Compression moves the curve. Heavy JPEG compression smears fine tonal steps. Check the histogram before and after following how to compress an image for the web.
The histogram can be downloaded as a PNG. Everything runs in your browser, so the photo is never uploaded.
FAQ
What does a good histogram look like?
There is no single right shape; a snow scene should pile up on the right and a night shot on the left. What to look for is a spike hard against either end, which means clipping, and a narrow hump in the middle, which means low contrast.
Why does the luminance curve differ from the RGB ones?
Luminance weights the channels the way the eye does, roughly 21% red, 72% green and 7% blue. A strong red or blue subject can clip in its own channel while the luminance curve looks fine, which is why the separate-channels view exists.
Is the histogram of a JPEG accurate?
It reflects the pixels in the file, which is what matters for editing. It cannot show detail the camera clipped before saving, so a raw file may have headroom the JPEG lacks.
Why does it read the image at a reduced size?
Counting is done at 1,600 pixels on the long side to keep it instant. The proportions of the distribution are unchanged; only the raw counts are smaller.
See also: all Images tools, Audio, Video & Screen, PDF, SVG, Simulations & Screensavers, Generative Art, Chart Makers, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.
Related tools
Palette Extractor
Pull the dominant colours out of a photo as hex codes.
Image Filter Sandbox
Slide eight filter functions and copy the CSS declaration.
Histogram Maker
Paste numbers, get a histogram with bins, mean and median; SVG or PNG.
Image Dimensions Inspector
Pixel size, aspect ratio, megapixels and CSS size for any image.
Image Compare
Spot differences between two images and get a similarity score.