Color Blindness Simulator

Simulate how a palette may look under common types of color vision deficiency.

Color

Output

Suggested Tools

Color Picker
Pick a color visually and copy HEX, RGB, or HSL values for CSS and design tools.
HEX ↔ RGB
Convert colors between HEX and RGB for CSS, canvas, and design handoff.
HEX ↔ HSL
Convert colors between HEX and HSL for tweaking lightness and saturation in CSS.

Color Blindness Simulator previews deuteranopia, protanopia, and similar shifts so you can catch unsafe color-only cues.

Provide colors or a sample, run, and compare simulated views before shipping charts or status badges.

Please enable JavaScript.