Colors & Accessibility
Compare a HEX color or your own image with one simulated view. Adjust the type and strength before exporting.
Colors and images are processed locally in this browser; no file is sent to a server.
Green-axis deficiency; red and green distinctions can merge.
Machado 2009 matrices in linear sRGB; strength blends toward the model, not a person's measured severity.
A red success badge and a green failure badge may look distinct in your mockup yet collapse into similar tones for someone reviewing a chart. The color blindness simulator lets you test that specific design decision with the original beside the simulated result.
Start with a single brand color to simulate color blindness, then move to a real screenshot or graph. Unlike a quick colorblind simulator that only recolors one swatch, this page keeps the image dimensions for PNG export and marks old output as stale whenever you change the input or model.
Review the information that may disappear, while keeping the original in view.
Place the original image next to a Deuteranopia, Protanopia or Tritanopia view. This color blindness simulator helps expose red-green status markers or blue-yellow series that merge; it does not claim to reproduce one person’s exact sight.
A HEX swatch remains visible as you move from 0% to 100% simulation strength. The control blends in linear light, so an intermediate percentage is a preview parameter rather than a medical severity rating.
Choose Color for a design token or Image for a screenshot, chart or map. The image picker accepts local PNG, JPEG and WebP; drag or paste works too. Files above 10 MB or 12 megapixels are rejected instead of silently resized.
Deuteranopia is the default because red-green distinctions are a frequent design risk. Change the type or strength and the preview updates after 350 ms; turn Auto preview off to run with the button or Ctrl/Cmd+Enter.
Look for a color-coded distinction that no longer survives. Changing a value immediately disables Copy or Download until the new simulation finishes, so a previous PNG cannot be mistaken for the new setting.
Protanopia, Deuteranopia and Tritanopia use published Machado 2009 matrices in linear sRGB; Achromatopsia uses linear luminance. A deuteranopia simulator is especially useful for checking red-green status and chart legends.
The image preview keeps its original width and height. Download creates a PNG of the current simulated pixels, including alpha, rather than a reduced screenshot of the preview pane.
Copy the simulated six-digit HEX from Color mode or download a PNG from Image mode. The color vision deficiency simulator keeps those actions separate so a copied value is never mistaken for a whole-image result.
A color blindness simulator approximates which color distinctions may collapse. It cannot reproduce one person’s subjective vision, so compare the original and simulated design to find information conveyed only by hue.
The tool shows Protanopia, Deuteranopia, Tritanopia and an Achromatopsia grayscale approximation. It does not label intermediate strength as a separate diagnosed anomaly.
No. Selected or pasted images are decoded and transformed in this browser. The page does not send them to a server or put their contents in the URL.
They affect different color axes: Protanopia and Deuteranopia commonly compress red-green distinctions, while Tritanopia affects blue-yellow distinctions. Compare all three when your design relies on those hues.
No. A color vision deficiency simulator reveals a different question from WCAG contrast ratios. Check contrast separately, and do not rely on color alone to mark an error or category.
Still have a question?
Bring a chart or screenshot into the color blindness simulator, compare it with the original, then revise any meaning that disappears when hues merge.