Record your current settings. Know how to restore them before changing anything.
Use the correct display, native resolution, normal browser zoom, and the lighting you normally use.
How to calibrate your monitor online
This tool displays visual reference patterns. Compare each pattern by eye, then change one available monitor or operating-system control.
Online monitor calibration is most useful as a careful visual baseline. The guided session checks shadow and highlight detail before finer color adjustment, so clipping does not mislead later choices.
Can visual calibration fix the problem you see?
Visual adjustment is worth trying when a setting appears to affect the image as a whole.
- The entire image looks too dark or too bright.
- Dark or bright detail disappears.
- The display looks broadly warm, cool, washed out, or overly vivid.
- A picture preset looks unsuitable, or sharpness enhancement creates visible halos.
A browser pattern is unlikely to fix a patch that stays in one physical area, a line, stain, dead or stuck pixel, pressure damage, backlight bleed, retained image, or burn-in.
If changing a setting alters the entire image, visual adjustment may help. If the same patch, line, glow, stain, or pixel stays in one physical area, changing global settings is unlikely to fix it.
Prepare your monitor before calibration
Save the starting point
Photograph or note the picture mode, brightness, contrast, gamma preset, color temperature, and RGB controls where available. Find the reset location before changing anything.
Start with a neutral SDR mode
Use Standard, Custom, sRGB, or another neutral preset where available. Avoid vivid, dynamic, cinema, or game presets while judging the patterns.
Temporarily remove changing color conditions
Turn off or record HDR, Night Light, Night Shift, True Tone, adaptive color, automatic brightness, and ambient-light adjustments where they apply. Leave existing color profiles alone unless you know why they are assigned.
Use native resolution and normal browser zoom
Use the display’s native resolution and 100% browser zoom where practical. System scaling can stay at the setting you normally use; avoid manually resizing or stretching the reference patterns.
Use consistent viewing conditions
Use normal room lighting with minimal glare, allow a reasonable warm-up where appropriate, and judge the screen from your usual viewing distance.
Change one control at a time.
How to use each monitor calibration pattern
Use this table to choose a starting pattern. The sections below explain the control, caution, and stopping point without repeating the guided session.
Swipe sideways to compare columns.Scroll table to view all columns.
| What looks wrong | Pattern to use | Setting to consider | Stop when |
|---|---|---|---|
| Dark detail disappears | Near-black pattern | Brightness/backlight, picture mode, or a range setting only where applicable | Black stays black and nearby steps become visible |
| Bright detail disappears | Near-white pattern | Contrast | Bright steps separate without making the image dull |
| Midtones look too dark or light | Gamma pattern | Gamma preset or OS calibration | The reference is closer without claiming an exact gamma |
| Entire image looks warm or cool | Neutral gray | Color-temperature preset, then RGB gains if available | Gray looks less obviously tinted in normal content |
| Text or lines have halos | Sharpness pattern | Sharpness enhancement | Halos disappear without making text soft |
| Gradients show abrupt steps | Gradient | Check mode, profile, source, and rendering conditions first | Do not keep changing settings when normal content does not improve |
Set brightness without losing shadow detail
The control called Brightness often changes the monitor’s light output or backlight intensity. Set it for a comfortable image in the room where you normally use the display, then use the near-black pattern to see whether dark detail is disappearing.
Controls named Black Level, HDMI Black Level, RGB Range, or Input Range are conditional. On some devices they describe full-versus-limited signal range rather than ordinary brightness, so do not change them unless the display and connection give you a reason to do so. Glare, room light, and picture mode can also hide shadow detail.
Stop before black turns gray. Nearby dark steps should become visible while the black background still looks black. The pattern does not measure an objective black level.
Adjust contrast without clipping bright detail
Begin near the factory or default contrast value. Higher contrast is not automatically better: when it is too high, the lightest shades merge into flat white and erase highlight detail.
Use the near-white pattern after setting a comfortable brightness. Brightness is not a substitute for contrast when the problem is clipped highlights, and ordinary whites should not be sacrificed just to make the screen look more intense.
Lower contrast only when bright detail clips. Stop when near-white steps separate without making normal whites dull or gray.
Check gamma and midtones
Gamma affects how midtones are distributed between black and white. Approximately 2.2 is a common SDR and sRGB reference, but this browser pattern is a visual approximation, not a meter reading.
View the target from a normal distance and choose the available gamma preset that looks closest. Scaling, browser rendering, operating-system color management, and the display itself can change the match. If no preset looks reasonable, use an operating-system calibration path or hardware measurement for color-critical work.
Check grayscale and color balance
Neutral gray can reveal an obvious overall warm, cool, green, magenta, or other tint. Start with a neutral color-temperature or sRGB-like preset. Use individual RGB gains only when the display exposes them and you have recorded the defaults, because small changes affect the full tonal range.
Check familiar photos, faces, and neutral backgrounds as well as the pattern. A gray field can help you notice a broad cast, but it cannot establish D65 or measured color accuracy.
Reduce excessive sharpness
Sharpness is usually edge enhancement, not added panel resolution. Too much can create halos or ringing around text and fine lines. Judge this pattern at native resolution and normal browser zoom, where artificial outlines are easier to see.
Reduce the setting until halos disappear, then stop before text becomes soft. Font rendering and source content can still affect what you see, so use the pattern to guide the setting rather than to judge a monitor’s resolution.
Check gradients without misreading banding
A smooth gradient can reveal abrupt tonal steps or unwanted color contamination after a setting change. It is useful for checking whether a mode-related adjustment helped, especially alongside normal images.
Banding can also come from source material, compression, browser rendering, operating-system profiles, bit depth, GPU output, display processing, or panel limits. A browser pattern is not a gamut measurement and cannot repair physical panel banding. If normal content does not improve, stop changing the setting.
Check the result in normal content
Compare the saved starting settings
Switch between the original and adjusted values where practical so you can tell whether a change helped.
Check ordinary content
Look at familiar photos, faces, text, dark scenes, bright scenes, and neutral backgrounds, not only synthetic patterns.
Keep or restore
Restore the previous setting if shadows become washed out, highlights lose detail, faces look unnatural, text becomes soft, colors become more tinted, or the screen only looks different.
Keep a change only when both the calibration pattern and normal content look better.
Visual calibration, Windows/macOS calibration, or a colorimeter?
Choose the method by the result you need. ScreenDetect is for reversible visual adjustment; operating-system tools manage supported settings and profiles; measured work needs an instrument.
Swipe sideways to compare columns.Scroll table to view all columns.
| Method | Best for | What it can do | Main limitation |
|---|---|---|---|
| ScreenDetect visual patterns | Everyday SDR baseline, obvious clipping, broad tint, sharpness, and picture modes | Guide reversible changes by eye and provide stopping conditions | Cannot measure exact gamma, prove D65 or Delta E, measure gamut, or create an ICC profile |
| Windows or macOS display tools | Supported OS calibration, profile assignment, and color-management workflows | Manage profiles and guide system-level display adjustment where supported | Options vary by device and are not a substitute for instrumented measurement |
| Windows HDR Calibration or manufacturer HDR process | Supported HDR displays in an HDR workflow | Address HDR-specific black, white, tone-mapping, and peak-brightness behavior | SDR browser patterns do not certify HDR performance |
| Hardware colorimeter or spectrophotometer | Photography, printing, design, client video, matching displays, and measurable targets | Measure patches and support profiles, target luminance, white point, gamma, and Delta E workflows | Does not repair physical panel defects |
Use a colorimeter when measured accuracy matters. A browser can help with an everyday visual baseline, but it cannot create a profile or establish measured targets.
Why HDR needs a separate calibration workflow
The main ScreenDetect workflow is an SDR visual baseline. HDR uses different tone mapping, black handling, peak brightness, and display behavior, so these SDR patterns should not be used to certify HDR performance.
For a supported Windows configuration, use the Windows HDR Calibration app or the display manufacturer’s HDR process. Keep the browser page for the SDR adjustments it can actually help you judge.
For a fixed local symptom, use the Screen Color Test, Pixel Test, or pressure damage guidance instead.
Sources
- Change display brightness and color in Windows · Microsoft SupportDocuments Windows brightness, Night light, color-profile management, and the built-in display-calibration workflow.
- Calibrate your HDR display using the Windows HDR Calibration app · Microsoft SupportDocuments the separate Windows 11 HDR workflow, its supported-display requirements, and HDR-specific patterns.
- Calibrate your Mac display · Apple SupportDocuments Display Calibrator Assistant, calibrated color-profile creation, and Apple’s home/office calibration caveat.
- Display settings for your Mac · Apple SupportDocuments Mac display settings, including display features that can change how color is viewed.
- Display calibration · International Color ConsortiumExplains that measured calibration uses an instrument and software to set targets and generate an ICC profile.
- EIZO Monitor Test · EIZOSupports preparation guidance on warm-up, glare, and viewing test patterns at their intended display size.
Monitor Calibration FAQ
Can a browser calibrate a monitor?
A browser can display reference patterns while you change available monitor or operating-system settings. That can help create a better visual baseline, but it cannot measure the panel, verify exact color accuracy, create an ICC profile, or automatically change monitor hardware.
Which monitor settings should I change first?
Record the current values, start from a neutral SDR picture mode, then check shadow and highlight detail before changing gamma or RGB controls. Change one control at a time and compare normal content before keeping a setting.
Do I need a colorimeter?
Most everyday users can start with visual patterns and a neutral display mode. Use a colorimeter or spectrophotometer when photography, printing, design, client video, matching displays, or measurable targets require a profile and documented accuracy.
Should I turn off HDR, Night Light, Night Shift, or True Tone?
For this SDR visual workflow, temporarily turn off or record color-changing features so the comparison stays consistent. HDR needs its own supported workflow. Re-enable a comfort feature later if you prefer it for everyday use.
Why does a gamma pattern not match perfectly?
A gamma pattern is a visual approximation. Viewing distance, scaling, browser and operating-system color management, ambient light, and the display’s available presets can affect the match. A close visual match does not certify an exact gamma value.
Can calibration fix a patch, line, dead pixel, or backlight bleed?
Usually not. A patch, line, stain, glow, or pixel that remains in one physical area points away from a global setting. Use a relevant screen test or damage guide rather than changing color controls repeatedly.