Advertise

Color Blindness Simulator

See colors and images as people with color blindness do.

About Color Blindness Simulator

Preview a palette or an image with protanopia, deuteranopia, tritanopia, their milder forms and achromatopsia (simulation by Machado et al. 2009) to make sure your design works for everyone.

How to use

  1. Pick a color, type any color code (HEX, RGB, HSL, a CSS name…) or open an image.
  2. Adjust the options – the result updates instantly.
  3. Click any code or swatch to copy it, or send the color to another tool with Open in….

Everything runs in your browser: your colors and images are never uploaded or stored.

Related tools

Contrast CheckerCheck text and background colors against WCAG AA and AAA. HTML Color PickerPick any color and copy its HEX, RGB, HSL, HSV and CMYK codes. Color Wheel & HarmoniesFind complementary, analogous, triadic and other matching colors. Image Color PickerUpload a photo and click it to get the color of any pixel. HTML Color NamesAll 141 HTML / CSS color names with HEX and RGB codes. Material Design ColorsThe Material Design palette: 19 colors, shades 50–900 and accents. Tailwind CSS ColorsThe Tailwind CSS default palette, 22 colors × 11 shades. HEX to RGBConvert a HEX color code to RGB (and RGBA).