Click to enter fullscreen
Compare how clearly each hue pair separates
Color blindness test
This browser check is a screen color blindness test for displays, not a medical exam. It fills your monitor with hue pairs that commonly collapse — red-green, blue-yellow, and custom plate colors — so you can see how clearly your panel separates them for UI states, games, and calibration work.
Patterns
Confusion axes
Protan
Red–weak / missing
Reds darken toward brown; red–green status pairs may merge
Plate · Red on green
Deutan
Green–weak / missing
Greens shift toward grey-brown; same hard pairs as protan
Plate · Green on red
Tritan
Blue–yellow axis
Blues and yellows collapse — rarer, still worth a UI check
Blue on yellow
Custom
Your UI hues
Pick disc + field for a brand color, game HUD, or status chip
Custom pair
Setup & custom
- Filters off Disable night mode, True Tone, blue-light filters, and OS color filters
- sRGB / standard Leave Vivid / Cinema / Game modes — use the panel’s standard preset
- Normal distance Sit where you usually work or game — don’t lean in to force separation
- Judge each pair Distinct = safe color-only signal. Merged = don’t rely on hue alone here
Custom pair (optional)
Run & cycle
- ← → Cycle patterns
- F Fullscreen
Reading the result
What clear and merged pairs mean on your display
Distinct
Clear separation
The disc stays visibly distinct from the field at your normal viewing distance. That pair is safe to use as a color-only signal on this display in this mode.
Collapsed
Hues merge
A merged pair on screen usually means the display or its settings collapse the hues — night mode, filters, a vivid preset, or panel limits. Check sRGB with filters off before drawing conclusions.
Display QA
Not a medical test
This checks how your screen separates colors for UI, games, and calibration QA. It cannot diagnose color vision deficiency — that needs printed plates and a professional under controlled light.
A color blindness test for your screen, run in the browser
TestMyGears keeps the plates and pair tests local in the tab — fullscreen hue fills, a four-quadrant confusion plate, and a foreground disc you can resize. Use it to judge whether status colors, enemy outlines, and calibration swatches stay separated on the monitor you are actually using.
Fullscreen hue separation plates
The confusion plate places red, green, orange, and brown on a neutral grey field — the four quadrants that tend to merge when red-green channels collapse on screen. Enter fullscreen to read it at real panel size.
Red-green and blue-yellow pair tests
Toggle a disc of one hue on a full-bleed background of another: red on green, green on red, and blue on yellow. If the disc reads as separate from the field, that pair stays distinguishable on your display.
Visual QA, not a diagnosis
This is a panel and UI separation check — it cannot diagnose color vision deficiency. Clinical Ishihara plates need controlled lighting and a professional reader, so treat this page as a display test, not a medical color blind test.
Why two hues look identical on one screen and clear on another
Most monitor color separation questions come down to three things: which color pair you are comparing, how the panel is tuned, and what the OS is doing to your image before it reaches the panel.
Red-green, blue-yellow — the pairs that collapse
The most common confusion axes are red-green (protan and deutan types) and blue-yellow (tritan types). If your screen merges the red disc into the green field, the pair is not separating for you on that panel, in that mode, under that lighting.
OS filters and night modes shift the answer
Night light, True Tone, blue-light filters, and color filter overlays re-map hues before they reach the panel. A pair that is clearly separated in daylight may collapse at night or under a warm filter — which is exactly why a screen-level check matters for UI work.
Browser test vs printed Ishihara
Clinical color blind tests use printed pseudoisochromatic plates with fixed inks, D65 lighting, and timed reading — the full Ishihara set runs 38 plates, with 24-plate abridged versions in common use. A browser cannot reproduce that, so this tool tests your display, not your vision.
How to run a color blindness test on your monitor
A clean pass takes under a minute. Disable warm filters first, run the plates fullscreen, and compare the same pairs on every mode you care about.
-
Set the screen to a neutral baseline
Turn off night light, True Tone, and any color filter overlay, then pick the monitor's sRGB or Standard picture mode. These settings are the biggest hidden variables in screen color separation tests. See also: setup checklist .
Tip Test in the picture mode you actually use for work, then again in sRGB
-
Step through the hue pairs fullscreen
Enable the patterns you want and press Start. Arrow keys switch patterns, F toggles fullscreen. Ask of each one: does the foreground hue stay clearly distinct from the background fill? See also: what each pattern tests .
Tip Disc smaller makes the check harder — drop it to 60–80px for a stricter pass
-
Read the result as a display finding
Pairs that stay separate mean your panel and settings preserve that color difference. Pairs that merge mean the hue gap is too small for that screen — check calibration, filters, or add a second cue (icon, text, shape) in real UI instead of relying on color alone. See also: monitor color calibration .
Tip Re-run after any OSD, driver, or night-mode change — the answer drifts with them
What each pattern is designed to expose
Confusion plate
Four hues — red, green, orange, brown — on grey. It stresses mid-tone separation on the red-green axis in one glance, like an Ishihara-style plate without printed numerals.
Red on green and green on red
The classic status-color collision: success green versus error red. These patterns show whether UI-critical hues stay apart on your panel at full size.
Blue on yellow
The blue-yellow (tritan-style) axis. Lower on the list because it is rarer, but night modes and some panel profiles can push blue and yellow together.
Custom pair and disc
Pick any foreground and background you ship in an interface, then shrink the disc to simulate small UI elements like badges, dots, and chart lines.
Where screen color separation bites
UI status colors
- Success green vs error red read as one state on some panels
- Badges, toggles, and chart points that rely on color alone
- Warm night modes merging amber with green warnings
Games and HDR highlights
- Enemy outlines and friendly markers on saturated fields
- Minimap dots sitting on foliage or lava textures
- Vivid presets that over-saturate and crush separation
Panel comparison and returns
- Same hue pair side-by-side on two laptops or monitors
- Spotting a panel with poor mid-tone separation before a return window closes
- Checking whether a 'fix' like a driver update actually changed separation
Calibration and grading setups
- Verifying swatch separation after OSD or profile changes
- Confirming sRGB mode keeps web-safe hues distinct
- Pre-flight check before trusting color-coded data dashboards
Prep your display before you test
-
Windows display settings
Open Settings → Accessibility → Color filters and make sure no filter is active. Turn off Night light, set the profile to sRGB if the monitor offers one, and disable HDR for the check.
-
macOS and iOS color management
Disable True Tone and Night Shift in System Settings → Displays, then use the default color profile. On iPhone and iPad, check Settings → Accessibility → Display & Text Size → Color Filters.
-
GPU and monitor presets
Reset NVIDIA, AMD, or Intel video settings to application-controlled, and pick Standard or sRGB in the monitor OSD. Vivid, Game, and high-saturation presets change the answer.
-
Verify after every change
Return to this page after any OSD, driver, or filter change. If a pair was merged and now separates, your settings were the cause — not your panel.
Color blindness test FAQs
Is this a real medical color blindness test?
No. This is a display test that shows how clearly your monitor separates hue pairs — it cannot diagnose color vision deficiency. Clinical color blind tests use printed plates under controlled D65 lighting with timed reading, so see an eye care professional for a medical color blindness test.
What is the difference between deutan and protan?
Both are red-green types. Protan relates to the long-wavelength (red) cone and deutan to the middle-wavelength (green) cone — so deutan is often described as green-weak and protan as red-weak. This tool's red-on-green and green-on-red patterns stress that same red-green axis on screen.
Why do status colors look the same on my monitor?
Usually a display or settings issue, not your vision. Night light and color filters re-map hues, Vivid presets crush separation, and cheap or miscalibrated panels merge mid-tone reds and greens. Run this screen color blindness test in sRGB mode with filters off to isolate the cause.
Can a free color blind test online give results?
An online test can show whether your display separates the pairs it renders — that is a real, useful result for panel QA and UI work. It cannot score your vision the way a printed Ishihara book read by a professional can, because screen gamut, OS filters, and ambient light all change the image.
What makes a color blindness test hard?
Smaller targets, closer hues, and lower contrast. The hardest color blind test plates use fine dot patterns where the hidden shape differs only slightly from the background. Here you can push the difficulty by shrinking the foreground disc and picking close custom colors.
Are color blindness test PDFs and books with answers accurate?
Printed Ishihara books (full 38-plate or abridged 24-plate editions) are the clinical standard, and PDF copies of plates are used for practice — but accuracy depends on print quality, lighting near 6500K, and professional scoring. Screen PDFs cannot stand in for either a book or a browser separation check like this one.
Which pairs should I test for a UI project?
Start with success-green vs error-red, then your actual brand or status palette. Choose two hues from the palette, put one as the disc and one as the background, and check at a small disc size — if they merge on your monitor, add an icon, label, or shape so color is not the only signal.
Does night mode or dark theme change the result?
Yes. Warm filters shift blue-yellow and even red-green balance, and dark themes lower overall contrast. If you test mostly at night, run this check in your real night setup too — that tells you which pairs you can trust in the conditions you actually work in.
How do I test color separation on a phone or tablet?
Open this page in the device browser, disable any color filter in accessibility settings, and use the fullscreen button. Phones apply their own white-point tuning, so results can differ from a desktop monitor — that difference is exactly what a per-device check should reveal.
