Color Blindness Simulator for Accessible Design

This color blindness simulator shows how any color or set of colors appears to people with Deuteranopia, Protanopia, Tritanopia, and Achromatopsia, the four major types of color vision deficiency, so you can catch accessibility problems before shipping a design. It's an essential check for UI/UX designers choosing status colors, chart and data visualization creators picking distinguishable categories, and developers validating that critical information isn't conveyed by color alone. Enter or select your colors and the simulator transforms them to show approximately how each vision type perceives them, letting you compare the original and simulated versions side by side. Everything runs locally in your browser, so the colors and designs you're testing are never uploaded anywhere. The simulation uses established color vision deficiency transformation models, giving a scientifically grounded approximation rather than a rough guess, though it's still an approximation of real-world perception. Enter your colors below to see how they appear under each vision type.