Color Blindness Simulator
Upload an image and see how people with protanopia, deuteranopia, or tritanopia would perceive it.
How to simulate color blindness in an image
Upload your image
Drag and drop an image, or click to select one from your device.
Choose the color blindness type
Select protanopia, deuteranopia, or tritanopia to see the corresponding simulation.
Download the result
Download the simulated image to check if your design remains readable.
Frequently asked questions about the colorblind simulator
Around 1 in 12 men and 1 in 200 women have some form of colorblindness. Checking how your design looks with this tool helps make it accessible to more people.
What types of colorblindness can I simulate?
+
You can simulate protanopia (red difficulty), deuteranopia (green difficulty), and tritanopia (blue difficulty).
Is it an exact simulation?
+
It's a widely used mathematical approximation in design; each person with color blindness may perceive colors slightly differently.
What image formats does it support?
+
It supports common image formats such as JPG, PNG, and WEBP.
Do I need to install any software?
+
No, there's nothing to install. It works directly in your browser.
Is it free?
+
Yes, this tool is completely free.
Is my image uploaded to a server?
+
No. Your image never leaves your device — the simulation is processed directly in your browser.
Colors
Color Converter (HEX, RGB, HSL, CMYK)
Convert any color between HEX, RGB, HSL, and CMYK instantly, with live preview and the closest color name.
Color Palette Generator
Create harmonious 5-color palettes (complementary, analogous, triadic, or monochromatic) from a base color.
CSS Gradient Generator
Create linear or radial gradients with up to 4 colors and copy the ready-to-use CSS code.
WCAG Contrast Checker
Check if your text and background color combination meets AA and AAA accessibility levels.
Random Color
Generate a random color with one click and discover its name, HEX/RGB/HSL codes, and similar colors.
Color Picker (eyedropper)
Pick any color from your screen using the browser's eyedropper tool, or use the classic color picker.
Mesh Gradient Generator
Create backgrounds with mesh gradients (blurred color patches) and download them as PNG or copy the CSS code.
Shades and Tints Generator
Automatically generate the lightest tints and darkest shades of any color, with its HEX code.
Color Mixer
Mix two colors and discover the intermediate tones step by step, with their HEX code.
Color Wheel (Harmonies)
Choose a color on the wheel and discover its harmonious combinations: complementary, analogous, triadic, and more.
Image Palette Extractor
Upload an image and automatically extract its dominant colors into a palette, with the HEX code for each one.
Average Color of an Image
Upload an image and instantly calculate its average color, with HEX, RGB and HSL codes.
Explore colors by family
More than 469 named colors, with their HEX, RGB, HSL and CMYK codes, organized into 12 color families.
