Gamut visualization

See where colors sit inside a gamut.

Plot individual colors or a palette against standard web, display, photography, cinema, and broadcast gamut boundaries.

Colors or palette

Paste a color list, CSS declarations, variables, gradients, or complete CSS rules.

3 unique colors · 3 occurrences

#6366F1Inside sRGB · sRGB · 1 use · line 1
color(display-p3 1 0.18 0.04)Display-P3 only · Display-P3 · 1 use · line 2
color(display-p3 0.1 0.85 0.55)Display-P3 only · Display-P3 · 1 use · line 3

Chromaticity map

Compare palette positions across standard RGB gamut boundaries.

This xy chromaticity view shows hue and gamut boundaries. It does not represent perceived lightness or a device’s measured profile.

Next steps

Wide-gamut colorsCreate Display-P3 colors with reliable sRGB fallbacks.Color differenceCompare colors with Delta E and OKLab distance.Color converterConvert one color across modern color formats.Print and ICC colorConvert sRGB through a real ICC output profile locally.