Color Blindness Simulator
Simulate how colors appear with color vision deficiency
Color Blindness Simulator is a free online tool from BrowserUtils that simulate how colors appear with color vision deficiency. It runs entirely in your browser — your data never leaves your device. No account required.
#918e00
#6e713e
#0000c1
#ffff3e
#918ec1
#6e71ff
#5a5ada
#9fb300
#604d4d
#0000b3
#ffff4d
#9fb3b3
#604dff
#5650d3
#f20000
#0d6e79
#009186
#ff6e79
#f29186
#0dffff
#3fc4bf
#4c4c4c
#969696
#1d1d1d
#e2e2e2
#696969
#b3b3b3
#7a7a7a
Normal
#3b82f6
Protanopia
#5a5ada
Deuteranopia
#5650d3
Tritanopia
#3fc4bf
Achromatopsia
#7a7a7a
How to use Color Blindness Simulator
- 1 Paste or type your input into the editor above.
- 2 The tool processes your data instantly — right in your browser, with nothing sent to a server.
- 3 Copy the result with one click or continue editing your input.
About Color Blindness Simulator
Free online color blindness simulator. See how your colors look to people with protanopia, deuteranopia, and tritanopia color vision deficiency. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
Color Blindness Simulator specs
- Runtime
- 100% client-side (browser)
- Built on
- CSS Color Module Level 4 conversions (sRGB, OKLCH, OKLAB) and native CSSOM parsing
- Cost
- Free — no account, no rate limits, no usage caps
- Browser support
- Chrome 90+, Firefox 88+, Safari 14+, Edge 90+
- Part of
- 299 developer tools on BrowserUtils (100% client-side)
Questions
What types of color blindness are simulated?
This tool simulates protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind), which are the three main types of color vision deficiency.
How does the simulation work?
The tool applies scientifically-based color transformation matrices to approximate how colors appear to people with each type of color vision deficiency.
Why should I test my colors for color blindness?
About 8% of men and 0.5% of women have some form of color vision deficiency. Testing ensures your UI is usable by everyone and that you do not rely on color alone to convey meaning.
Is the color blindness simulator accurate?
The simulator uses well-established Brettel/Vienot transformation matrices that closely approximate real color vision deficiency. It gives a reliable preview for accessibility testing, though individual perception varies.
Comments
Related tools
More CSS & Design
Color ConverterCSS Gradient GeneratorBox Shadow GeneratorPX to REM ConverterColor Palette GeneratorColor Contrast CheckerTailwind Color PickerCSS Animation Generator
View all CSS & Design tools
Comments