Color Science · Free online tool
Color Vision Simulator
Preview approximate protanopia, deuteranopia and tritanopia color transformations.
✓ Free to use↓ Export ready
Live preview
Preparing your preview...
Export to your stack
Copy or downloadoutput.css
Different technologies support different asset types. Generated snippets are editable starting points.
ABOUT THIS TOOL
What can you create with Color Vision Simulator?
Spot palette distinctions that might disappear for some users.
How to use Color Vision Simulator
Pick a starting color and simulation mode to compare original and transformed swatches.
Design tips and limitations
These simulations are approximate aids and are not substitutes for testing with real users.
Built for a practical design workflow
ColorPremise keeps the creative controls next to the preview and export options. Try a variation, compare the result visually, and then bring the output into your own website, app, or design project. You can always return to the free design tool directory to continue refining related details.