Color Blindness Simulator
See how an image appears to people with protanopia, deuteranopia, tritanopia or achromatopsia. Accessibility tool for designers and developers.
Clique ou arraste uma imagem aqui
PNG, JPEG, WebP
Tipo de daltonismo:
Original
Simulação
Tipos de daltonismo
- Protanopia — dificuldade em perceber a cor vermelha (~1% dos homens)
- Deuteranopia — dificuldade em perceber a cor verde (tipo mais comum, ~5% dos homens)
- Tritanopia — dificuldade em perceber a cor azul (raro, ~0,01%)
- Acromatopsia — ausência total de percepção de cores (enxerga em escala de cinza)
Checking colour before you ship
Your dashboard uses a green dot for healthy and a red one for broken, the chart has two lines in neighbouring shades, and the error message is red on grey. For roughly one in twelve men, much of that reads as the same colour. Drop a screenshot or an image file in the area above and compare the original with the simulation side by side, then download the result as PNG to attach to a ticket or a pull request.
Every pixel goes through a 3x3 matrix over the RGB channels, in the spirit of the Brettel and Machado models. Two things almost nobody mentions: the simulation represents dichromacy, the complete absence of one cone type, which is the severe end of the range, while the most common cases are anomalous and milder; and the matrix is applied straight to gamma encoded sRGB rather than linear light. Read the output as an approximation, not a measurement.
Use it to hunt for information carried by hue alone: wherever two areas merge, add a label, an icon, a dash pattern or a difference in lightness. The achromatopsia mode doubles as a greyscale test and is the fastest way to spot weak contrast. It does not measure contrast ratio or text size, so it is no substitute for a WCAG check. The image is read and drawn in your browser with no upload, and the preview is capped at 600 px wide.
Frequently asked questions
Is my image uploaded anywhere?
Can this be used as a colour blindness test, like Ishihara plates?
If I can only check one type, which should it be?
Related Tools
Image Color Picker
Load an image and discover the color of any pixel in real time. Hover to see HEX, RGB and HSL with a magnifier. Automatically extracts the dominant color palette.
WCAG Contrast Checker
Check the contrast between text and background colors per WCAG 2.1 guidelines. Shows the ratio and AA/AAA levels for normal and large text.
Screen Color Eyedropper
Explains how to use the browser EyeDropper API to pick a color from any point on the screen.
Sepia Effect
Apply the classic sepia (vintage photo) effect to any image directly in the browser. Download the result as PNG.
Image Compressor
Compress JPEG and PNG images directly in the browser using the Canvas API. Set the target quality (1–100%) and see the size reduction in real time. No files are uploaded to servers.
Color Picker
Pick a color and get its HEX, RGB and HSL values with one click to copy.