Color Space Viewer

Visualize every color in your image as a 3D scatter plot. Analyze sRGB gamut coverage, detect clipped and highly saturated pixels, and estimate Display P3 color range usage.

Drag & drop a file here, or

JPG PNG WebP BMP AVIF TIFF Max 50MB • Processed in browser • Nothing leaves your device

3D Color Plot

Every pixel mapped into a three-dimensional RGB color cube. Red, green, and blue axes show the full gamut. Drag to rotate the plot and see how your image's colors cluster and distribute through the space.

Out-of-Gamut Detection

Identifies highly saturated pixels that push sRGB boundaries. Images with many near-edge colors may look different on standard vs wide-gamut displays (P3 or Adobe RGB). Critical for print and color-managed workflows.

Privacy-First

All color analysis runs entirely in your browser using the Canvas API. Your images never leave your device. No server uploads, no data retention, no accounts required.

Advertisement

How it works

What is a color space and why analyze it?

A color space defines the total range of colors — the gamut — that a device, ICC profile, or standard can represent. sRGB is the default color space for web browsers and most consumer monitors. Adobe RGB (1998) covers roughly 50% of the CIE visible spectrum, making it critical for CMYK print color management. Display P3, Apple's wide-gamut standard, adds 25% more saturated reds and greens than sRGB. This image color gamut analyzer plots every sampled pixel in a 3D RGB color cube visualization, letting you see color distribution, clustering, and how much of the available gamut your photo actually fills. For per-pixel color inspection, try the Color Picker eyedropper or the Color Palette Extractor for dominant color analysis.

Out-of-gamut pixel detection and clipping analysis

Clipped pixels have at least one RGB channel pinned at 0 or 255 — a sign of overexposure, underexposure, or aggressive tone curve editing where highlight or shadow detail is permanently lost. This color clipping detector flags the percentage of affected pixels so you can assess whether re-editing from a RAW file is worthwhile. Near-edge pixels sit within 5 values of the gamut boundary and risk clipping after further processing or gamut mapping for print. Highly saturated colors push beyond sRGB limits and may shift when viewed on standard-gamut monitors vs wide-gamut Display P3 screens. For channel-level exposure and dynamic range analysis, use the Image Histogram Analyzer. To verify dimensions and DPI for offset or inkjet printing, try the Print Readiness Scanner.

sRGB vs Adobe RGB vs Display P3 gamut comparison

sRGB (IEC 61966-2-1) covers roughly 35% of the CIE 1931 visible color spectrum and remains the default ICC color profile for web content, email attachments, and consumer displays. Adobe RGB (1998) extends the gamut to approximately 50% of visible colors — essential for photographers preparing images for offset printing, Pantone matching, and CMYK proofing. Display P3, defined by the DCI standard and adopted by Apple since 2016, is 25% wider than sRGB with notably more vivid reds, oranges, and greens. This color space viewer estimates which of your pixels would appear more saturated on a wide-gamut monitor and flags colors that sit near the sRGB gamut boundary. For WCAG-compliant accessibility checks on color pairs, see the Color Blindness Simulator or the Contrast Checker.

Photo color analysis and management workflow

A thorough color management workflow starts with checking the photo's color range in this Color Space Viewer — identify gamut usage, clipping, and saturation issues before any edits. Next, run the Image Quality Analyzer for sharpness (Laplacian variance) and noise level metrics. Use the EXIF Checker to read embedded ICC color profile tags, white balance settings, and camera color mode. If the image needs color correction, knowing the original color space prevents accidental gamut compression. For batch color analysis across multiple images, the Batch Scanner processes up to 50 files at once. Explore all 92 image analysis tools at Scanly's full toolkit.

This free online color space viewer and gamut analyzer runs entirely in your browser using the Canvas API. No images are uploaded to any server — your photos stay on your device. Download the interactive 3D color scatter plot as a PNG for client presentations, color management reports, or print pre-flight documentation. Works with JPEG, PNG, WebP, AVIF, BMP, and TIFF files. Learn more in our articles on color palette extraction and color picker guide.

Frequently Asked Questions

How does the 3D RGB color cube visualization work?

Each dot in the scatter plot represents a sampled pixel from your image, positioned in a three-dimensional RGB color cube where the red, green, and blue axes run from 0 to 255. The dashed wireframe shows the sRGB gamut boundary. Drag to rotate and see how your photo's color distribution clusters — tight groupings indicate a narrow tonal range, while widely scattered dots reveal a broad color palette. Up to 8,000 pixels are sampled for real-time interactive rendering.

What is gamut coverage and how is it calculated?

Gamut coverage measures the percentage of the quantized sRGB color cube that your image actually occupies. The tool maps each pixel to a 6-bit-per-channel grid (262,144 possible color cells) and counts how many distinct cells contain at least one pixel. High coverage means a rich, varied color palette; low coverage is typical for monochromatic images, low-key photography, or heavily filtered photos. For print pre-flight, gamut coverage helps predict whether a CMYK conversion will lose visible color detail.

What does pixel clipping mean for image quality?

A clipped pixel has at least one RGB channel locked at the absolute minimum (0) or maximum (255), indicating permanent data loss. Clipping in highlights usually comes from overexposure or aggressive white-point adjustment; in shadows, from underexposure or heavy contrast curves. High clipping percentages (above 5–10%) suggest the image would benefit from re-editing with highlight recovery or shadow lifting applied to the original RAW file.

What is the difference between sRGB, Adobe RGB, and Display P3 color profiles?

sRGB (IEC 61966-2-1) is the default ICC color profile for web, email, and consumer monitors — roughly 35% of the CIE 1931 visible spectrum. Adobe RGB (1998) extends to about 50%, adding deeper cyans and greens critical for offset and inkjet printing workflows. Display P3, based on the DCI cinema standard, is 25% wider than sRGB and native to Apple devices since 2016. Photos captured in a wider gamut may appear desaturated when force-converted to sRGB without proper gamut mapping or perceptual rendering intent.

Does this online color space analyzer upload my photos?

No. This free online image color gamut analyzer processes everything client-side using the HTML5 Canvas API and JavaScript. Your photos never leave your browser — no server uploads, no cloud storage, no cookies, no account required. The 3D plot and analysis data exist only in your browser session and are discarded when you close the tab.

What are P3-candidate pixels and why do they matter?

P3-candidate pixels are highly saturated colors that sit at or near the sRGB gamut boundary — they would appear visibly more vivid on a Display P3 or Adobe RGB wide-gamut monitor. A high P3-candidate count suggests the image was captured in a wide color space (common with iPhone ProRAW, Sony S-Log, or Lightroom ProPhoto RGB exports) and may lose saturation when displayed on standard sRGB screens or shared via sRGB-only platforms like most social media sites.