Color Blind Simulator
Preview how a color looks with different types of color blindness
About Color Blind Simulator
Enter one color with the picker or as a 6-digit HEX code to see how it may look to people with protanopia, deuteranopia, tritanopia or achromatopsia, next to the unaltered original. Each simulated swatch shows its resulting HEX value and an Aa sample in black or white. Handy for spotting brand, chart or status colors that could become hard to tell apart.
Category: Color.
Frequently asked questions
What types of color blindness are simulated?
▾
Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind) and Achromatopsia (no color vision), shown next to the original color. Protanopia and deuteranopia each affect about 1% of males; the milder and more common anomalous forms, such as deuteranomaly, are not simulated.
How accurate is the simulation?
▾
It is an approximation. Each type applies a fixed 3×3 matrix to the linearized RGB color, using a widely shared set of values that is not derived from a cone-response (LMS) model such as Brettel or Viénot, so results can differ noticeably from research-grade simulators.
How can I use this for accessibility?
▾
Run each key color of your interface, such as error red and success green, through the simulator and compare the simulated HEX values. If two colors become hard to tell apart for any type, don't rely on color alone: add icons, labels or patterns, and check the simulated values in the Color Contrast tool.
Can I simulate a whole image or web page?
▾
No. The tool works on one color at a time, entered as a 6-digit HEX code or with the color picker. To preview a full page, use the vision deficiency emulation in your browser's developer tools, such as the Rendering panel in Chrome DevTools.