AK
appkiro.comColour blindness affects approximately 8% of AMAB and 0.5% of AFAB people worldwide. The most common types are red-green deficiencies (protanopia/deuteranopia).
When designing, ensure sufficient contrast and don't rely solely on colour to convey information. Use patterns, labels, or icons as additional indicators.
The simulator applies published colour matrices for protanopia, deuteranopia, tritanopia, their anomalous weaker variants, and full or partial achromatopsia. You can run a single colour against every type at once or transform an entire image to inspect specific palette or photo issues.
Use this mode to vet a single brand or UI colour against every simulation in one view. Pick a colour with the picker or paste a HEX value, then read the grid for how each type perceives it.
Drop an image, paste from clipboard, or click the dropzone to upload. The image is processed per pixel in a hidden canvas, with the result saved as a PNG data URL for side-by-side viewing.
Images are processed in your browser canvas. They are not uploaded.
The transforms are the widely cited Machado, Oliveira and Fernandes (2009) matrices applied directly to sRGB pixels. They are a useful approximation for design checks, not a clinical diagnosis tool.
Dichromacy (protanopia, deuteranopia, tritanopia) means the cone type is missing. Anomalous trichromacy (protanomaly, deuteranomaly, tritanomaly) means the cone is shifted, which causes weaker but not absent perception.
No. The image is read into a hidden canvas, the matrix is applied per pixel locally, and the simulated PNG is generated in the page.
Sources that already lie on or near the simulated colour axis change very little. Try an image with strong reds and greens to see protan/deutan effects clearly.