Design Studio · Bench
Color Blindness Simulator
Preview colors for color-vision types
Approximate simulation — useful for spotting risky color pairings.
About this bench
About Color Blindness Simulator
Preview how your colours or images look to people with different types of colour-vision deficiency.
Input
Adjust the visual controls or paste the design value requested by the bench.
Result
A live preview plus a value or CSS snippet you can copy into your own work.
Limits
Rendering can vary between browser engines. Check the result in every browser and accessibility mode your product supports.
How to use Color Blindness Simulator
- 01Upload an image or enter your colours.
- 02Choose the colour-vision type to simulate.
- 03Compare the original and simulated view.
- 04Adjust your palette for better accessibility.
Frequently asked questions
Is my image uploaded?
No — your file is processed entirely in your browser and is never uploaded to a server, so even sensitive files stay private.
Is it free?
Yes — it is free with no sign-up, no watermark and no account-based quota. Your browser, device memory and the bench's stated file limits still determine how much it can process at once.
What is the simulation for?
It provides a visual preview of colour-vision deficiencies so you can identify hard-to-distinguish colours and improve a palette before publishing.