Out-of-gamut color / gamut clipping

A color the target screen or press cannot make; clipping shoves it onto the gamut boundary and can flatten several distinct colors into one.

a color my screen cannot showwhy my neon green turns dullcolor changes when I exportthe picker lets me choose it but it never shows upmy brand red prints muddyout of gammitwhy p3 colors look flat in a jpgcolors getting flattened at export

See it

Live demo coming soon

What it is

A color is out of gamut when a particular target cannot reproduce it. The target might be an sRGB phone, a Display P3 monitor, a CMYK press, or a printer and paper combination. The label is always relative: a hot orange can fit Display P3 while sitting outside sRGB.

Gamut clipping is the blunt fix. Values beyond the target boundary are forced onto that boundary, often by clamping RGB channels to their minimum or maximum. It is fast, but several distinct source colors can collapse to the same output, losing texture and separation in saturated areas.

Gotcha: the failure may happen far from the color picker. A browser render, screenshot tool, image export, print conversion, or missing ICC profile can be the step that flattens the color. Always name the target gamut when checking, soft-proof against the real output profile the way Photoshop's View > Gamut Warning does, and compare clipping with a hue-preserving gamut map before approving the result.

Ask AI for it

Audit this palette for out-of-gamut colors against both sRGB and Display P3. Parse every CSS oklch() and color(display-p3) value, convert it to each target, and flag any RGB channel below 0 or above 1 before clamping. For every failure, render three swatches: the source color, simple channel clipping, and an OKLCH chroma-reduction map found by binary search. Report hue, lightness, and Delta E changes so the loss is visible rather than silent.

You might have meant

oklchrgbcolor scalechroma vs saturation