offlinewebtools.com browser-local workbench
Color Blindness Simulator
Preview how your colors appear for different forms of color vision deficiency. Enter any color and compare original versus simulated swatches instantly.
Accepts hex, rgb(), hsl(), or named CSS colors. Try values like #ff6b6b or hsl(280, 90%, 60%).
Original color
#3b82f6
Protanopia (red-blind)
#5a5ada
What this tool does
Color Blindness Simulator helps you preview how your colors appear for different forms of color vision deficiency. Enter any color and compare original versus simulated swatches instantly.
What you get
Color Blindness Simulator produces a direct output in this page and keeps all processing on your device, with nothing uploaded to our servers.
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.