When this tool is useful
Use this for a quick check of charts, maps, and badges that rely on color differences. Upload an image and choose an approximate protanopia, deuteranopia, or tritanopia view.
Use browser-side simulation as a quick accessibility check.
This is an approximation and may not match a real color-vision experience exactly.
Use this for a quick check of charts, maps, and badges that rely on color differences. Upload an image and choose an approximate protanopia, deuteranopia, or tritanopia view.
The browser applies a simplified color-vision transformation matrix to each RGB pixel and redraws the canvas. It is a screening preview for possible distinctions, not a diagnosis or a reproduction of one person’s vision.
If red and green status badges become hard to distinguish in a preview, add an icon, pattern, or text label. Comparing the original with all three modes helps locate color-only information.
Color vision varies between people, while display brightness and ambient light also affect perception. Combine this preview with contrast checks and testing by real users.