Monitor & Display Color Calibration - Free Online Screen Color Test

This free monitor color calibration tool helps you fix gamma, brightness, contrast and white balance using nothing but your eyes and your monitor's menu. It's a complete display color calibration workflow with eight test patterns, from the Gamma 2.2 optical chart to a 24-patch ColorChecker, and it runs right in your browser on Windows, macOS, Linux and ChromeOS.

Interactive Display Color Calibration Patterns

1.8
2.0
2.2
2.4
2.6

Gamma 2.2

Adjust in monitor menu: Gamma

Step back or squint. The striped centre should blend into the 2.2 square. If the stripes look brighter than the matching square, choose a higher gamma setting in your monitor menu; if darker, a lower one.

Shortcuts: 1–8 switch tests, ← → cycle, F fullscreen.

Click a patch in the White Balance, ColorChecker or Skin Tones test to see its HEX and RGB values here.

ΔE < 1

Imperceptible

ΔE 1–2

Pro grade

ΔE 2–3

Good

ΔE 3–5

Acceptable

ΔE > 5

Visible shift

How to Use This Calibration Tool

1

Prepare Your Screen

Warm up the monitor for 15–30 minutes, turn off Night Light and dynamic contrast, and set your browser zoom to 100%.

2

Go Through Each Test

Start with Black Level and White Saturation, then Gamma 2.2 and White Balance. Use fullscreen for the most accurate view.

3

Check Real Content

Finish with ColorChecker, Skin Tones and Gradients. Natural colors and smooth ramps mean your calibration is done.

Why Accurate Display Color Calibration Matters for Gaming and Content Creation

Most monitors leave the factory tuned to look impressive on a store shelf: blue-tinted whites, boosted contrast and oversaturated colors. That's fine for a demo loop, but it means the photo you edit looks different on your phone, dark corners in games hide enemies, and skin tones in videos look sunburned. Display color calibration brings your screen back to the shared standard (sRGB, gamma 2.2, D65 white) so what you see matches what everyone else sees.

For gamers, the biggest win is the black level. A correctly set brightness reveals shadow detail without washing out the image, which is often more useful than any in-game gamma slider. For creators, accurate white balance and gamma make edits translate correctly to other screens and to print.

Step-by-Step Display Color Calibration Guide (OSD Setup)

Let your monitor warm up for 15–30 minutes and set the room lighting you normally work in. Then follow these five steps in order, because each setting affects the next.

Step 1: Factory reset your monitor OSD

Open your monitor's on-screen menu and reset to factory defaults. Turn off dynamic contrast, eco mode, blue light filters and Night Light in Windows or macOS.

Step 2: Set black level and brightness

Open the Black Level pattern. Adjust brightness until square 1 vanishes into the black background while squares 2 to 4 stay faintly visible.

Step 3: Set contrast with the white saturation test

Open the White Saturation pattern. Raise contrast until the near-white squares start merging, then lower it until 250 and 255 are distinguishable.

Step 4: Align gamma 2.2

Open the Gamma 2.2 pattern, step back and pick the monitor gamma preset where the striped area blends into the 2.2 square.

Step 5: Lock in color temperature (D65 / 6500K)

Open the White Balance pattern and set color temperature to 6500K, sRGB or Warm1 so white matches the D65 swatch with no yellow or blue tint.

Finally, check the ColorChecker and Skin Tones patterns. If they look natural and the gradients are smooth, your monitor color calibration is done. On Windows you can also run dccw (Display Color Calibration) from the Start menu to save a basic profile; on macOS use System Settings → Displays → Color Profile → Customize.

What Each Monitor Color Calibration Test Checks

Gamma 2.2 test

Gamma controls how fast brightness rises from black to white. The optical chart uses 1-pixel black and white lines, which average to exactly 50% light output, and compares them to solid squares for gamma 1.8 to 2.6. Whichever square blends with the stripes is your real gamma. Zoom your browser to 100% for this test.

Black level and white saturation tests

These two patterns set brightness and contrast. Too high brightness lifts blacks to grey; too low crushes shadow detail. Too much contrast clips highlights so clouds and snow lose texture.

White balance and color temperature

D65 (6500K) is the white point of sRGB and Rec.709. Comparing your monitor's white with D50, D55, D75 and D93 reference swatches makes a yellow or blue cast easy to spot.

ColorChecker, gradients, skin tones and uniformity

The 24-patch ColorChecker uses the industry-standard sRGB values from the classic Macbeth chart. Gradients reveal banding and limited bit depth, skin tones expose hue errors, and the uniformity screen shows tint or backlight differences across the panel. For a deeper panel check, pair it with our dead pixel test.

Display Color Calibration by Panel Type (IPS vs. VA vs. OLED vs. TN)

PanelTypical ΔE (sRGB)StrengthCalibration focus
Factory-calibrated IPS< 2Accurate out of the boxVerify D65 and gamma only
Consumer IPS2–4Good viewing anglesWhite balance, IPS glow in uniformity
VA2–5Deep contrastBlack level, gamma shift off-angle
OLED1–4Perfect blacks, wide gamutsRGB clamp, near-black uniformity
TN4–8Fast responseGamma and viewing position

Understanding Delta E (ΔE) and the sRGB Color Gamut

Delta E measures the difference between the color your screen shows and the color it should show. Below 1 nobody can see the difference, below 2 is considered professional, and below 3 is good for everyday use. Visual calibration can't measure ΔE directly, but fixing white point and gamma removes the biggest sources of error. Wide-gamut monitors that cover DCI-P3 should use their sRGB mode for web and games, otherwise standard content will look oversaturated.

After calibrating, check that motion still looks clean with our refresh rate test.

Frequently Asked Questions

What is monitor color calibration?

Monitor color calibration is the process of adjusting your screen's brightness, contrast, gamma and color temperature so it shows colors the way they were intended. A calibrated display shows a neutral white close to D65 (6500K), smooth gradients, visible shadow detail and natural skin tones, which matters for photo editing, video work and competitive gaming alike.

Can I do display color calibration without a colorimeter?

Yes, visual display color calibration gets most people 80% of the way. Using the black level, white saturation, gamma 2.2 and white balance patterns on this page, you can fix the most common problems: crushed shadows, clipped highlights, wrong gamma and a blue or yellow tint. For print work or professional grading, a hardware colorimeter such as a Calibrite or SpyderX is still needed for exact Delta E measurements.

What gamma should my monitor use?

Gamma 2.2 is the standard for Windows, macOS, web content and most games because the sRGB color space is built around it. Gamma 2.4 is used for video mastered in a dark room. If your monitor offers presets like Gamma 1, 2 and 3, use the gamma pattern above and pick the one where the striped area blends with the 2.2 square.

What color temperature is best for a monitor?

6500K (D65) is the correct white point for sRGB, Rec.709 and nearly all web and gaming content. Many monitors ship set to 7500K or higher because blue-tinted whites look brighter in stores. Warmer settings like 5000K are only recommended for matching printed paper under studio lighting.

Why do colors look washed out after switching to sRGB mode?

If you're used to a wide-gamut panel showing oversaturated colors, the accurate sRGB mode can feel dull at first. That's actually the correct look for most content. Give your eyes a day to adjust; skin tones and the ColorChecker patches should look more natural in sRGB mode than in vivid or gaming modes.

How often should I calibrate my display?

Check your display color calibration every one to three months. LCD backlights and OLED pixels drift slowly as they age, and driver updates or OS changes can reset color profiles. Running through the five patterns on this page takes under five minutes.

Why does my monitor show color banding in gradients?

Banding usually comes from a 6-bit panel with weak dithering, a GPU sending limited RGB (16–235) instead of full RGB, dynamic contrast processing, or heavily compressed content. Set the output dynamic range to Full in your GPU control panel, turn off dynamic contrast, and compare the gradient pattern again.

Does Night Light or eye-comfort mode affect color accuracy?

Yes. Night Light, Night Shift, low blue light and eye-saver modes deliberately shift white toward orange, so any color calibration done with them on will be wrong. Turn them off before calibrating and while doing color-critical work.

Is OLED or IPS better for color accuracy?

Both can be very accurate. Factory-calibrated IPS monitors often reach Delta E under 2 in sRGB mode, while OLED offers perfect blacks and wide gamut but needs a proper sRGB clamp to avoid oversaturation. VA panels have deep contrast but can shift color at an angle, and TN panels have the weakest color accuracy.

Explore More Tools

Get the full picture of your setup. Each tool is free, runs in your browser, and needs zero downloads.