Color Blindness Simulator
Simulate how your image appears to people with various types of color blindness.
Red-blind (no red cone function)
Drop an image or click to browse
PNG, JPG, WebP — processed entirely in your browser
Simulate color blindness for accessibility testing
About 8% of men and 0.5% of women have some form of color vision deficiency. Use this tool to check how your designs look to people with deuteranopia (most common), protanopia, tritanopia, or achromatopsia. All processing uses a color matrix algorithm applied directly in your browser — no image is uploaded. For checking color contrast ratios, try Color Contrast Checker. To generate an accessible color palette, use Color Palette Generator.
Private & free — this tool runs entirely in your browser.
Recommended: IndieKit — Ship your Next.js startup in days.affiliate
Related Design & CSS tools
Color Converter
Convert a color to HEX, RGB, HSL, HSB, and CMYK at once.
HEX to RGB
Convert HEX color codes to RGB / RGBA values.
RGB to HEX
Convert RGB values into HEX color codes.
CSS Box Shadow Generator
Visually design CSS box-shadow with a live preview and code.
CSS Border Radius Generator
Visually craft border-radius with a live preview.
HEX to CMYK
Convert HEX colors to CMYK print values.
CMYK to HEX
Convert CMYK print values to HEX colors.
HEX to HSB
Convert HEX colors to HSB / HSV values.