Color Saturation Test

Assess your monitor’s color performance with vivid solid colors.

▶ Start test · Saturation

Judge how vivid and even the saturated colors are. Arrow keys switch between colors. a total of 8 steps

💡 Operation tips

Click the right half of the screen to move to the next view; when the current project’s views are done it advances to the next project, and when every project is finished it exits fullscreen automatically.
Click the left half of the screen to go back to the previous view; at the very first view it stops.
After entering fullscreen, the top label and bottom buttons auto-hide after 3 seconds so you can view the screen unobstructed.
Hover in the bottom-centre of the screen for 1 second to bring the label and buttons back; move away and they hide again after 1 second.
The breathing test ends automatically after about 10 seconds.

{"mode":"saturation","basePath":"/screen","dict":{"mode":{"base":"All","purecolor":"Pixels","backlight":"Backlight","interference":"Interference","focus":"Focus","contrast":"Contrast","grayscale":"Grayscale","saturation":"Saturation","breathing":"Breathing"},"startAll":"Run the full screen check","startAllSub":"Start with the solid-color test, then work through all 8 checks in order. Click the screen or press Space to move to the next test project.","startSub":"Start test","stepLabel":"a total of {n} steps","fullscreenFail":"Could not enter fullscreen — continuing in windowed mode (patterns still display correctly).","prevView":"Previous view","nextView":"Next view","exitView":"Exit test","nextProject":"Next project","instr":{"purecolor":"Scan the screen for bright, dark or tinted (stuck) pixels. Use the arrow keys to switch colors.","backlight":"Look for light leaking from the edges and corners. Arrow keys toggle between black and gray.","interference":"Watch for moiré, streaks or related interference. Arrow keys switch patterns.","focus":"Check whether text, lines and shapes are crisp and sharp. Arrow keys switch modes.","contrast":"Assess the black-to-white gradient and tonal depth. Arrow keys flip the gradient direction.","grayscale":"Check that the gray steps are smooth with no banding. Arrow keys flip the gradient direction.","saturation":"Judge how vivid and even the saturated colors are. Arrow keys switch between colors.","breathing":"Watch the static gray screen for ~10 seconds and judge whether the brightness pulses periodically."},"colorName":{"black":"Black","white":"White","gray":"Gray","red":"Red","green":"Green","blue":"Blue","yellow":"Yellow","magenta":"Magenta","cyan":"Cyan"},"patternName":{"checkerboard":"Checkers","lines-h":"H-lines","lines-v":"V-lines","grid":"Grid"},"direction":{"left-to-right":"left to right","right-to-left":"right to left","dark-to-light":"black left · white right","light-to-dark":"white left · black right"},"focus":{"large":"Large text","small":"Small text","lines":"Thin lines","grid":"Fine grid","circles":"Circles","largeTitle":"Focus test","smallTitle":"Small-text sharpness","linesTitle":"Thin-line sharpness","gridTitle":"Fine-grid test","circlesTitle":"Circles & curves","vert":"Vertical lines","horiz":"Horizontal lines","diag":"Diagonal lines","fineGrid":"Fine grid (1px)","fineGrid2":"Ultra-fine grid (0.5px)","concentric":"Concentric circles","waves":"Wave lines","largeHint":"Check that large-letter edges are crisp, with no blur or ghosting.","smallBody1":"A paragraph for judging small-text sharpness. Look at whether the letter edges are crisp and the spacing even.","smallBody2":"The quick brown fox jumps over the lazy dog. 0123456789","smallBody3":"Smallest text — gauge readability and clarity at the minimum size."},"breathingTitle":"Breathing test","breathingEnd":"s until it ends automatically","tipsTitle":"Operation tips","tips":["Click the right half of the screen to move to the next view; when the current project’s views are done it advances to the next project, and when every project is finished it exits fullscreen automatically.","Click the left half of the screen to go back to the previous view; at the very first view it stops.","After entering fullscreen, the top label and bottom buttons auto-hide after 3 seconds so you can view the screen unobstructed.","Hover in the bottom-centre of the screen for 1 second to bring the label and buttons back; move away and they hide again after 1 second.","The breathing test ends automatically after about 10 seconds."]}}

Color saturation & gamut testing

The saturation test shows highly saturated solid colors to gauge color reproduction and gamut coverage. A wider gamut means more colors available, so images look richer and more vivid.

Common gamut standards:

sRGB: the baseline gamut, ~35% of visible spectrum; most web content and photos are built around it.
DCI-P3: the cinema standard, ~25% larger than sRGB; common on Apple devices and premium monitors.
Adobe RGB: the print standard, far wider in cyan-green; essential for pro photography and print design.
Rec.2020: an ultra-wide gamut covering ~75% of visible spectrum; only a few OLEDs come close today.

How to judge color:

Whether each solid is vivid and clean with no obvious tint.
Whether the red, green and blue primaries are rich rather than washed out or gray.
Whether similar colors are clearly distinguishable.

FAQ

What is color saturation?

Saturation is how pure and vivid a color is. High saturation means more vibrant colors. But gamut coverage alone doesn’t imply accuracy — you also need good color accuracy (Delta E).

What are the common gamut standards?

sRGB: the baseline, ~35% of visible spectrum, good for daily and web use. DCI-P3: the cinema standard, ~25% larger than sRGB, common on Apple and premium monitors. Adobe RGB: the print standard, wider in cyan-green. Rec.2020: ultra-wide, only a few OLEDs come close.

How do I judge good color?

Whether each solid is vivid and clean with no obvious tint; whether the red/green/blue primaries are rich rather than washed out; and whether similar colors are easy to tell apart. For pro work, verify Delta E with a calibrator.

Is wider gamut always better?

Depends on the use case: design and cinema need wide gamut (DCI-P3/Adobe RGB), but everyday users may find oversaturation to be too vivid. Match the gamut to your main work instead of chasing the biggest number.