Color Blindness Simulator

Preview how your colors appear for common forms of color vision deficiency.

Browser local

Simulation controls

Test one color

Base color

Vision simulation

Try hex, rgb(), hsl(), or named CSS colors. The comparison updates immediately.

Side-by-side preview

Original

#3b82f6

Protanopia (red-blind)

#5a5ada

Help, FAQs & related tools

Shipped

What this tool does

Color Blindness Simulator helps you preview how your colors appear for common forms of color vision deficiency.

What you get

Color Blindness Simulator produces a direct output in this page and is designed to keep processing on your device.

Something not working? Report a bug

If this tool misbehaves, share a quick summary so we can investigate. We include the tool URL automatically—no need to copy and paste.