Please note: this is a fun screening for learning, not a medical test. Screens, brightness and room light all change how colors look. If you are curious or worried about your color vision, an eye doctor (optometrist) can test it properly. The dot plates are our own, drawn fresh by your browser each time.
Design samples see it the way your clients do
Four everyday designs, five ways each. Tap “With the fix” to see what makes them work for everyone.
Tap any view to see it larger.
Why contrast matters
Your own picture upload a photo, or try a sample
Try a sample photo
Tap a sample, upload a photo, or drop one on the picture. Your photo stays on your device.
See it as
Check my palette for designers
Pick 2 to 5 colors. See them the way each type of color vision sees them, and find pairs that blur together.
What to watch
Design tips for color-blind viewers
Don’t rely on color alone
Add a label, icon, pattern or shape, so a red “stop” and a green “go” still read in grey.
Use light and dark
Make key pairs differ in lightness, not just hue. Check the “No color” view: if it still reads, you’re safe.
Check contrast
Aim for 4.5:1 for small text and 3:1 for big text, icons and map lines.
Pick safer pairs
Blue with orange, or blue with yellow, works for most people. Red with green, and blue with purple, often blur together.