Why does a vivid OKLCH color look dull as HEX?

It was likely out of sRGB. Soft mapping reduces chroma until the color fits — hue and lightness stay closer than a hard clip.

Should I design everything in Display-P3?

Only if your pipeline and audience support it. Most product UIs still need an sRGB-safe source of truth.

Where does Colorise Pro show gamut?

The Color Picker flags whether the current OKLCH value sits inside sRGB and can clip to a display-safe HEX before export.

OKLCH Gamut Mapping & sRGB Clipping Explained

Gamut mapping & sRGB

What happens when OKLCH colors leave sRGB — clipping vs soft mapping — and how Colorise Pro flags out-of-gamut picks in the picker.

Why OKLCH can leave sRGB

OKLCH describes a wider perceptual space than most monitors show in sRGB. High chroma at certain hues simply has no sRGB coordinate — the color is valid in the abstract, but must be mapped for the common web.

Clip vs soft map

Hard clip snaps channels into range — fast, but can shift hue or flatten punch.
Soft / chroma-first mapping reduces C until the color fits, usually preserving hue and lightness better. Colorise Pro’s engine leans on this approach when clamping for display.

What Colorise Pro shows

The Color Picker flags whether the current OKLCH value sits inside sRGB. If it doesn’t, you can clip to a display-safe HEX before export — so tokens don’t surprise you in Safari, Chrome, or Figma sRGB documents.

Ramps and gamut

When you build 50–950 scales, extremes and neon midtones are where gamut bites hardest. Keep a chroma envelope that dips at the ends — see Building OKLCH scales.

Practical rule

Design in OKLCH for even ramps; ship sRGB-safe HEX/CSS for the common web. Treat Display-P3 as an enhancement, not the only source of truth, until your stack and audience both support it.

FAQ

Why does a vivid OKLCH color look dull as HEX?: It was likely out of sRGB. Soft mapping reduces chroma until the color fits — hue and lightness stay closer than a hard clip.
Should I design everything in Display-P3?: Only if your pipeline and audience support it. Most product UIs still need an sRGB-safe source of truth.
Where does Colorise Pro show gamut?: The Color Picker flags whether the current OKLCH value sits inside sRGB and can clip to a display-safe HEX before export.