Skip to content
DeviceBench

Free online monitor color test

Monitor color test you read with your own eyes

A 256-level ramp sits directly above the same ramp cut down to 64 levels, so if the two look identical to you the panel is 6-bit rather than 8-bit. A field of alternating one-pixel rows averages to exactly half your screen’s light output whatever curve it applies, and the solid patch that vanishes into those rows gives you a gamma figure to one decimal place. Ten neutral patches then show where a color cast lives and six saturation ramps show whether a picture mode is clipping the top steps together — and each of the four readings ends by naming the control in your monitor’s own menu that moves it, because a cast in the shadows and a cast in the highlights are two different sliders.

  • 100% free
  • No signup
  • 4 color targets
  • Gamma 1.8-2.6
  • 6-bit vs 8-bit

Four targets, four readings, and a note on which control in your monitor’s own menu each one belongs to.

1 — Gradient ramps: is this panel really 8-bit?

The upper strip steps through all 256 levels of a channel. The lower one is the same ramp with 192 of those levels removed, which is what a 6-bit panel has to work with.

Channel

256 levels — 8-bit

64 levels — 6-bit

Measuring the strip…

What do you see?

Compare the two strips above: the upper one steps through every level your browser can address, the lower one through 64 of them.

2 — Gamma: which curve is the panel applying?

Alternating black and white rows average to exactly half the panel's maximum light output, whatever curve it uses. The solid patch that stops standing out from those rows names the curve.

The five patches sit at code values 174, 180, 186, 191, 195 out of 255 — the whole scale is 21 values wide, which is why this reads to about 0.2 and not to two decimals.

Reading:

Sit back about a meter, or squint. The patch that stops looking like a patch is your answer — at arm's length all five look wrong.

3 — Neutral steps: where is the color cast?

Ten patches with equal red, green and blue. Any color you can name in one of them is the display adding it, and where it appears decides which control fixes it.

26
51
77
102
128
153
179
204
230
255
Dark patches (10-30%)
Bright patches (80-100%)

Answer both ends. Which control fixes a cast depends entirely on where the cast is, and the two ends are adjusted by two different sliders.

4 — Saturation ramps: is a picture mode clipping the top?

Each row runs from neutral gray to full saturation in 16 steps at constant lightness. The steps near the saturated end are the ones a boosted picture mode collapses into each other.

Red
Yellow
Green
Cyan
Blue
Magenta
Along each row

Look along each row from the gray end. Every one of the 16 blocks should differ from its neighbors.

None of this calibrates anything, and no page in a browser can. Reading your display profile, writing the graphics card’s lookup table and measuring light in candelas per square meter all happen outside the tab — the first two need an installed application, the third needs a colorimeter pressed against the glass. What a page can do is put an exactly specified value on screen so that your own eye becomes the instrument, and then tell you which knob the answer belongs to.

How to judge monitor color by eye

The order below is not arbitrary: each control you touch changes every reading beneath it in the list and none of the ones above it.

  1. Put the panel back to a known state first

    Set the picture mode to Standard, sRGB or Custom — not Vivid, Movie or Game, all of which apply their own curve and saturation boost — and switch off anything called Dynamic Contrast, Local Dimming or Black Equalizer, because a mode that changes the picture depending on the picture makes every reading below meaningless. Leave brightness where you normally keep it rather than winding it to maximum: you are diagnosing the screen you use, not one you never look at.

  2. Read the four targets from where you normally sit

    Take the ramps first, then the gamma patches from about a meter back or through half-closed eyes, then the neutral steps, then the saturation rows. Distance matters for two of them in opposite directions: the gamma patch that blends into the lines only blends at a distance, while a band in the 8-bit ramp is easiest to catch up close. Each panel has a Fill the screen button, which is worth using for the ramps and the gray steps because a white page around a patch shifts how bright the patch looks.

  3. Change one control, then read the same target again

    The advice under each reading names one control, and one is the number you should change before re-reading — moving gamma, color temperature and the RGB gains together leaves you no way to tell which did what. Work in the order the targets are in: the picture mode and the color temperature preset first, then gamma, then the individual channel gains, because each of those affects everything below it in the list and nothing above it.

Technical specifications

Ramps drawnNeutral, red, green and blue, filled one device-pixel column at a time on a canvas — never a CSS gradient, which the compositor is free to dither
Levels compared256 against 64: the 192 values per channel that separate an 8-bit panel from a 6-bit one, or 16.7 million colors against 262,144
Gamma patchesFive neutral solids at code values 174, 180, 186, 191 and 195, matching display gamma 1.8, 2.0, 2.2, 2.4 and 2.6
Why rows and not a checkerboard1-px alternating rows sidestep the horizontal red-green-blue subpixel stripe, which makes a checkerboard read differently on every panel layout
Neutral steps10 patches at tenths of full code value, 26 through 255, judged separately at the dark end and the bright end
Saturation ramps6 hues × 16 steps at a constant 50% lightness, so a clipped top end shows up as two blocks you cannot tell apart
What no page in a browser can doCalibrate — that needs an instrument reading real light off the glass and software allowed to rewrite the graphics card's lookup table, and a tab has neither
What leaves the tabNothing — four selections live in this page, and Copy writes them to your clipboard rather than to a server

Frequently asked questions

What is banding, exactly?

Banding is what a smooth gradient looks like once it runs out of numbers. A channel with 8 bits has 256 values to spend between black and full, so a gradient across a 1920-pixel screen changes value roughly every 7.5 pixels; where the change from one value to the next is bigger than your eye's threshold, you stop seeing a gradient and start seeing flat strips with visible edges. Your visual system then makes it worse: at the boundary between two flat tones it exaggerates the difference, an effect called Mach banding, so the edge looks like a bright line that is not in the signal at all. This is why banding shows up worst in the places that should be smoothest — a clear sky, a studio backdrop, a dark gradient in a film.

Both ramps look the same to me. Is my monitor really 6-bit?

Probably, but check three things before you conclude it. Move closer, because a 6-bit band is only about 30 pixels wide on a 1920-wide strip and a laptop at arm's length is near the limit; raise brightness, because the difference between adjacent levels shrinks as output falls; and look at the dark third rather than the middle, where the steps are perceptually largest. If the two strips still match, the panel is 6-bit — extremely common on laptops, on budget 4K sets and on fast TN gaming panels. Many of those are sold as 16.7 million colors on the strength of frame rate control, which flickers each pixel between two adjacent levels fast enough to average out the missing one; when FRC is working you will see fine shimmer rather than clean steps, and when it is not, you see 64 bands.

I read 2.4 on the gamma target. Should I change it?

It depends entirely on the room and what you look at. The sRGB standard that essentially the whole web is authored for assumes a display curve of about 2.2, viewed against a 64-lux ambient with a white level near 80 candelas per square meter; a 2.4 curve in a lit room hides everything happening in the bottom fifth of the range, which is where night scenes and dark UI live. But 2.4 is also the correct answer for a television in a dark room, because BT.1886 — the reference curve for HD video production — is a 2.4 power function. So: on a desk in a normally lit room, move toward 2.2. In a blacked-out room watching films, 2.4 is right and the page is simply telling you the panel is set the way you set it.

Everything looks blue on a monitor I just unboxed.

That is the factory color temperature preset, and it is nearly always the first thing to change. Panels commonly ship on a Cool or 9300K setting because a bluer white looks brighter and cleaner in a shop, while sRGB is defined against D65, a white point near 6500 K. Confusingly, the preset that gets you there is usually the one labeled Warm — it is warm relative to 9300K, not warm in absolute terms — and monitors that label presets by number will list 6500K directly. Change that single preset and re-read the neutral steps before you touch any individual channel, because a white point shift shows up as the same tint at both ends of the scale and is not a fault worth chasing with the gain sliders.

Which slider fixes a color cast — gain or offset?

Gain if the cast is in the bright patches, offset if it is in the dark ones, and this is the distinction most guides skip. Gain scales the top of each channel, so it moves the white point and the highlights and barely touches the shadows; offset, sometimes labeled Bias or Black Level, lifts or drops the bottom of each channel and does almost nothing at the top. A monitor menu that offers Custom Color with three R, G and B sliders is giving you gain only, which is what most consumer panels expose; offset controls tend to appear on professional monitors and on some televisions under Expert Settings. When your cast is in the shadows and there is no offset control, the fix belongs in a display profile rather than on the panel.

Can I calibrate my monitor with this page, or with the wizard built into Windows?

Neither one calibrates, in the sense the word is normally used, because neither one measures anything. Calibration means putting an instrument against the glass, reading actual output in candelas per square meter and actual chromaticity, and building a correction from the difference between what was requested and what came out. Windows' Display Color Calibration and the equivalent assistant on macOS ask you to make judgments by eye and then write a profile and a graphics card lookup table from your answers, which can absolutely improve a badly set monitor, but records your eye and your ambient light rather than the panel's behavior. This page is deliberately one step short of that: it shows you exactly specified targets and tells you which control each result belongs to, and it stops there. An entry-level colorimeter is the smallest thing that turns any of this into measurement.

Is this a color blindness test?

No, and the distinction matters because the two are almost opposites. This page tests the display, using targets whose values are known, and treats your vision as the reliable part; a color vision test does the reverse, showing known plates to find out what your eyes do with them. Those are Ishihara plates and their relatives, they belong to an eye examination rather than to a hardware check, and there is not one anywhere on this site. If a patch here looks tinted to you and neutral to someone else standing beside you, that is worth following up with an optician rather than with the monitor's menu.

About display gamma, bit depth and what a browser can honestly show you

Almost everything you look at on a screen is encoded for sRGB, a standard from 1996 that fixed three things at once: a set of primaries, a white point of D65 near 6500 K, and a transfer curve. That curve is what the gamma target above is reading. It is not a plain power function — sRGB specifies a short linear segment below a code value of about 0.04 and an exponent of 2.4 on everything above it — but the combination behaves closely enough like a 2.2 power curve that 2.2 is the number monitors, calibration software and picture menus all use. The curve exists because human vision is far more sensitive to a change near black than to the same change near white, so spending code values evenly across light output would waste most of them at the top and leave visible steps at the bottom. It also has an awkward history: Macs targeted 1.8 for two decades until Snow Leopard moved them to 2.2 in 2009, which is why older design files sometimes still look washed out.

Bit depth is the other half of the story and the part specifications lie about most freely. Eight bits per channel gives 256 steps and 16.7 million combinations; six bits gives 64 steps and 262,144. A great many panels — most laptop screens, most fast TN gaming monitors, plenty of budget 4K televisions — are physically 6-bit and use frame rate control to fake the missing values, alternating each pixel between two adjacent levels so that the average over several frames lands in between. FRC works well enough that manufacturers print 16.7 million on the box, and the paired ramps above are the cheapest way to find out which kind you have: a panel that resolves eight bits shows a clear difference between the two strips, while one that does not shows the same 64 bands twice. Worth knowing before you blame the display for banding, though, is that a color-managed browser converting sRGB content for a wide-gamut panel does its arithmetic in 8 bits and can introduce contouring of its own, so a band that appears in one browser and not another is not the monitor at all.

What this page cannot do is calibrate, and the line is worth drawing sharply. A calibration is a measurement: an instrument on the glass reads real luminance and real chromaticity, compares them with what was asked for, and writes a correction. A web page has no access to your display profile, cannot write the graphics card’s lookup table and cannot see a single photon — it can only put an exactly specified value on screen and let your eye be the instrument, which is enough to find a fault and not enough to certify a result. That is also the reason the readings here point at monitor controls rather than at operating-system settings: a fault fixed on the panel stays fixed for every application and every input, while a profile fixes it only for software that reads profiles. If a target here reveals something structural rather than a setting — an uneven patch that moves with the screen rather than the window, or a ghost of an old image sitting under the gray steps — the full screen test walks the whole pattern set in order, and the burn-in test is the page for a shape that will not go away. Light pooling at the edges of a dark patch is the backlight rather than the color processing, which is what the backlight bleed test is for, and a single patch of the wrong color no bigger than a full stop is one pixel rather than a cast — take it to the dead pixel test.

What happens to the four readings

Every number on this page is worked out by JavaScript running in the tab you are reading it in. Nothing you type, paste or open is uploaded, logged or kept, which is also why the tools carry on working after you disconnect from the network.

Your answers to the four targets are four values held in this page while it is open. They are turned into text only when you press Copy, they go to your clipboard and no further, and closing the tab is all it takes to be rid of them — there is no profile, no account and no history of what your screen did.