Browser 106

no file limit

Inspector color/color-blindness-simulator

Color Blindness Simulator

Overview

Color Blindness Simulator shows how a single color would appear under four common color-vision conditions — protanopia, deuteranopia, tritanopia, and achromatopsia — using the same simplified simulation matrices as common browser vision-deficiency emulation tools. It's a quick screening step for catching colors that read as too similar under these conditions, not a clinical diagnostic tool.

Checking a data-visualization paletteConfirm that chart colors remain distinguishable under the most common forms of color blindness.
Reviewing a status-color systemCheck whether a red/green success/error scheme still reads correctly under protanopia or deuteranopia.

Key features

Simulates protanopia, deuteranopia, tritanopia, and achromatopsia
Instant preview as you change the color
Uses the same simplified matrices as common browser vision-deficiency emulators
Deeplinkable via a ?color= URL parameter
Link into the Color Editor to check contrast alongside the simulation

Set

Color Tools 11

Neighbours

01 Accessible Palette Generator 02 Accessible Text Color Finder 03 Brand Palette Accessibility Checker 04 Color Converter 05 Color Editor 06 Complementary Color Generator

Specification

Command: color.color_blindness_simulator
Set: Color
Input: text
Output: —
Max file: no limit
Batch: single file

Runtime

Engine: native oklch
Threads: single
Isolated: —
WebGPU: —
Memory: —

Transport 0 B

The file is opened, worked on and written back inside this tab. No upload step exists in this tool — there is nowhere for the bytes to go.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

How it works

Enter a color

Type or pick the color you want to preview.

Compare the simulations

See the original color next to how it would appear under each of the four simulated conditions.

Adjust if needed

If two colors in your palette look too similar under a simulation, open them in the Color Editor to pick a more distinguishable pair.

Frequently asked

Is this a clinically accurate simulation?

No. It uses the same class of simplified transform matrices as widely used browser tools (like Chrome DevTools' "Emulate vision deficiencies"), which approximate how these conditions affect color perception but aren't a diagnostic or clinical-grade model.

What's the difference between the four conditions shown?

Protanopia and deuteranopia both affect red-green distinction (the two most common forms of color blindness); tritanopia affects blue-yellow distinction and is much rarer; achromatopsia is total color blindness, shown here as full desaturation.

Should I use this instead of a real accessibility review?

Use it as a quick screening step. For anything shipping to real users, pair it with WCAG contrast checks (this platform's Contrast Checker) and, where possible, feedback from people with color-vision deficiencies.

Keys

Search: ⌘K
Panels: ⌘1 · ⌘2
Full width: F
All keys: ⌘/

Related · Color Tools