Display Tests color blindness CVD simulation

Color Blindness Test

Simple color-vision simulation and confusion checks, not a clinical diagnosis.

Interactive tool

Run the test

Runs in your browser

Not a clinical diagnosis

These filters are rough browser approximations for education and UI checks only. They are not a vision test, screening tool, or medical diagnosis.

Red Blue Green Yellow Purple

Compare how sample hues shift under each approximate simulation.

Press Start, then choose a simulation mode.

Permission status

Checked in your browser. DeviceHub does not store permission grants.

  • Special permission Not required

Live results

Metrics update as you run the test. Nothing is uploaded.

Loading

Waiting for interactive tool output…

Device information

Labels and capability details reported by your browser.

No device details yet.

Description

About Color Blindness Test

Introduction

The DeviceHub Color Blindness Test is a free online educational simulation and confusion-check experience that helps people explore how certain color pairs can be hard to distinguish, without claiming to diagnose color vision deficiency. Designers building more inclusive interfaces, teachers demonstrating CVD concepts, curious users exploring protan/deutan/tritan-style simulations, and QA teams spot-checking whether status colors rely on hue alone can learn from these activities. Open the page, read the disclaimer carefully, and treat every outcome as informal education. DeviceHub states without ambiguity: this is educational simulation / confusion checking, NOT a medical diagnosis, NOT a replacement for Ishihara exams administered by professionals, and NOT a fitness-for-duty certification. Panel tint, ambient light, and uncalibrated monitors change results. Pair with Color and Contrast Tests when the question is whether the display itself is wildly off, remembering those are visual panel aids rather than clinical tools either. Inclusive design and classroom empathy both benefit from experiencing how certain hue pairs collapse, yet the same activities become harmful when people treat a web page like an optometrist. DeviceHub’s Color Blindness Test is an educational simulation and confusion-check experience for exploring distinction difficulties, with an unambiguous limit: it is educational simulation / confusion checking, NOT a medical diagnosis, NOT a replacement for clinical Ishihara or anomaloscope exams, and NOT a fitness-for-duty certificate. Designers building interfaces that do not rely on hue alone, teachers demonstrating CVD concepts, curious users exploring protan/deutan/tritan-style simulations, and QA teams spot-checking status colors can learn here, while anyone with real concerns is directed to eye-care professionals. Panel tint, ambient light, fatigue, and uncalibrated monitors change informal outcomes, another reason clinical language is forbidden on this page. Pair with Color and Contrast Tests when you suspect the display, not vision, is wildly off, and with Gradient Test when banding confuses hue tasks. Permissions remain none; basic educational modes do not need a camera, and DeviceHub is not a telehealth service. Product teams running inclusive-design workshops should schedule this page as a facilitated exercise with the disclaimer read aloud, not as a silent homework that invites self-labeling. QA checklists can note “status relies on hue alone” findings discovered during simulation without converting those notes into medical claims about teammates. If a monitor’s strong green cast makes every simulation feel wrong, fix or replace the panel via Color Test first, otherwise you are simulating CVD on top of a broken display. DeviceHub will not soften the medical boundary to sound more “productized”; educational value depends on that honesty.

What this tool does

Simulations may recolor UI samples or present confusion plates/tasks that illustrate common mix-ups. Copy reinforces medical limits repeatedly. The tool does not store a “CVD score” on a server, prescribe filters, or issue certificates. It does not replace ophthalmology. If you need workplace accommodation documentation, seek proper clinical channels. Simulations may recolor samples or present confusion tasks that illustrate common mix-ups, with repeated on-page disclaimers. The tool does not store a clinical “CVD score” on a server, does not prescribe wearable filters as treatment, and does not issue certificates. It does not replace ophthalmology or occupational health screening. If workplace accommodation documentation is required, use proper clinical channels, not screenshots from DeviceHub. Designers should still verify products with inclusive palettes and WCAG-oriented contrast work beyond this demo.

When to use it

Use this page for learning, design empathy, and classroom demos. Do not use it to self-diagnose, to disqualify drivers, or to skip an optometrist. Prefer Contrast Test when checking readable UI contrast on a bad panel. Prefer Color Test when hunting monitor channel failure. Prefer Gradient Test when banding confuses hue tasks. Use this page for learning, design empathy, and classroom demos. Do not use it to self-diagnose, to disqualify drivers, to skip an optometrist, or to label classmates. Prefer Contrast Test when checking readable UI contrast on a bad panel; prefer Color Test when hunting monitor channel failure; prefer Gradient Test when posterization confuses tasks. Photosensitive users should avoid any rapid flashing modes if present and heed Screen Flicker Test cautions elsewhere in the suite. Parents should frame the activity for children as a learning demo, not a doctor visit. Skip this tool entirely when the user needs clinical documentation, redirect to professionals instead of offering informal plates as a workaround.

How it works

Simulations approximate how certain cone deficiencies change perceived colors using filters or curated tasks. They are imperfect models influenced by your display’s gamut, another reason this cannot be diagnostic. No special medical device permissions exist in browsers for true anomaloscope tests. DeviceHub requests no camera for basic educational modes. Results vary by engine color management. Simulations approximate how certain cone deficiencies change perceived colors using filters or curated tasks; they are imperfect models influenced by your display’s gamut, another reason outcomes cannot be diagnostic. Browsers expose no medical-device anomaloscope API; DeviceHub requests no camera for basic educational modes. Results vary by engine color management and by whether night-light tints are active. Secure HTTPS hosts the page; that does not create a protected health-record channel. Treat inconsistent repeats as expected noise in an informal learning tool, not as progressive disease theater.

Step-by-step instructions

  1. Read the on-page medical disclaimer and confirm you are using the tool for education or design empathy only.
  2. Run the available simulations or confusion checks in a neutrally lit room on a reasonably trusted display.
  3. Note which examples were difficult, then compare with Color and Contrast Tests if you suspect the monitor, not your vision, is at fault.
  4. Do not share informal results as a clinical label; seek professional care for real concerns.
  5. Designers should still verify products with inclusive palettes and contrast ratios beyond this demo.
  6. Close the tab when finished; no permission revoke is typically required.

Common problems

Using a badly tinted monitor produces misleading confusion results. Screenshotting “plates” for social media as a diagnosis harms people, don’t. Different simulations disagree; that is expected of approximations. Children should use this only with adult context that it is not a doctor visit. Photosensitive users should avoid any rapid flashing modes if present, see Flicker caution elsewhere. A badly tinted monitor produces misleading confusion results, verify the panel with Color Test first if everything feels “off.” Screenshotting plates for social media as a diagnosis harms people; do not. Different simulations disagree; approximations are not identical clinical instruments. Fatigue and glare change informal scores between morning and evening runs. Using this page as an HR gate is an explicit misuse of educational material.

Privacy explanation

Educational interactions stay in your browser session. DeviceHub does not create a medical record or upload answers as health data. No camera permission is required for basic simulation. Closing the tab clears on-page state. This is not a telehealth service. Educational interactions stay in your browser session; DeviceHub does not create a medical record or upload answers as health data. No camera permission is required for basic simulation. Closing the tab clears on-page state. This is not telehealth and should not be described as such in tickets or school forms. Do not paste informal simulation outcomes into HR systems as if they were clinical results; that misuse creates privacy and ethics problems beyond this educational page. Teachers demonstrating inclusive design should restate the non-diagnostic disclaimer aloud so students never treat classroom scores as clinical labels. If a designer only needed to know whether a status color relies on hue alone, combine these educational simulations with Contrast Test checks on the actual UI components. Never paste informal outcomes into employment or licensing paperwork; that misuse is outside DeviceHub’s educational scope and can harm people.

Runtime principles

Built for the browser

What happens when you run this test — without downloads or accounts.

  1. 01

    Runs in your browser

    Color Blindness Test uses standard web APIs — no install, extension, or desktop app required.

  2. 02

    Reads what the browser allows

    Results come from events and capability signals the web platform exposes for this session.

  3. 03

    Private by default

    Input and diagnostic values stay in your browser session for display — nothing is sold as media.

Compatibility

Supported browsers

Expected support for modern engines. Individual APIs may still vary by device.

  • Chrome

    supported

    Latest stable

  • Firefox

    supported

    Latest stable

  • Safari

    supported

    Latest stable

  • Edge

    supported

    Latest stable

Devices

Supported devices

Hardware and form factors this browser test is designed to exercise.

  • Laptop & desktop displays

    CSS pixels, DPR, and color-capable screens.

  • External monitors

    When the browser window is on that display.

  • Mobile screens

    Phone and tablet viewports for layout checks.

Privacy

Your data stays with you

Color Blindness Test is built privacy-first. Diagnostics run in your browser session whenever web APIs allow.

Read our privacy policy

Troubleshooting

Common problems

Quick fixes before you dig into FAQs.

Is this a medical diagnosis?
No. DeviceHub offers educational simulation and confusion checks only, not a clinical diagnosis. See an eye-care professional for medical assessment.
Results feel inconsistent
Room lighting, uncalibrated monitors, and fatigue change confusion tasks. Treat outcomes as informal learning, not a formal acuity score.
I need help designing accessible UI instead
Use Color and Contrast Tests for panel checks, and follow WCAG contrast guidance in your design tools, simulation here is educational, not a compliance auditor.

FAQ

Frequently asked questions

Structured answers for users and FAQ rich results.

Browse FAQs
Is this a medical diagnosis?
No. DeviceHub provides educational simulation and confusion checks only, not a clinical diagnosis or fitness-for-duty certificate.
Can I use results for a workplace form?
No. Seek a qualified eye-care professional for formal screening and documentation.
Why do results change day to day?
Lighting, monitor tint, fatigue, and uncalibrated panels change informal confusion tasks. Treat outcomes as learning, not acuity scores.
Are answers stored as health data?
No. Interactions stay in your browser session. DeviceHub does not create a medical record from this page.
Do I need camera permission?
No. Basic educational modes do not require camera access.
I care about UI accessibility, enough?
Use this for empathy and learning, then still verify products with inclusive palettes and contrast guidance. Pair with Color and Contrast Tests for panel issues.

Newsletter

Updates coming soon

A lightweight email digest for new tools and release notes is planned. No signup form is live yet — check Release Notes for product updates.

Release notes

Need another diagnostic after Color Blindness Test?

Explore related DeviceHub tools that pair well with this test.