Color Blindness Simulator
Preview your colors with seven types of color blindness.
- 100% Free
- No Sign Up
- Works in Your Browser
Color blindness simulator
See colors as people with color blindness do
More Color Tools
View all tools- Contrast checkerCheck text and background contrast against WCAG
- Palette generatorGenerate color palettes and lock the ones you like
- Color pickerPick a color and copy it as hex, RGB or HSL
- Hex to RGBConvert hex color codes to RGB values
- Palette from imageExtract a color palette from any photo
- Image color pickerClick any pixel in a photo to get its color code
- Tailwind color generatorMake a 50-950 Tailwind color scale from one color
- Color wheelFind color harmonies on an interactive wheel
- Gradient generatorBuild CSS linear and radial gradients
Every everyday color tool, right in your browser.
No software. No uploads. No signup.
Browse all 28 tools- Color tools
- 28
- Named colors
- 139
- Curated palettes
- 216
How to use the color blindness simulator
Three steps, all in your browser.
- 1
Enter your colors
Type or pick the colors you want to test.
- 2
Read the results
Ratios, pass or fail badges and previews update as you change a color.
- 3
Fix and copy
Adjust until it passes, then copy the codes that work.
Color Blindness Simulator: what to know
The color blindness simulator shows how colors look to people with different color vision deficiencies: protanopia and protanomaly (red cones missing or shifted), deuteranopia and deuteranomaly (green cones), tritanopia and tritanomaly (blue cones), and achromatopsia (no color vision). Enter colors or a palette and compare the versions side by side.
Red-green deficiency is common: it affects about 1 in 12 men and 1 in 200 women of Northern European descent, with deuteranomaly the most frequent type. Tritan deficiencies and achromatopsia are rare. Because so many people are affected, a chart or status color that relies on red versus green alone will fail for a noticeable share of your audience.
The simulations use published models of how missing or shifted cones change the colors we see. They're excellent for spotting problems in a design, but real perception varies between individuals, so use them as a design check rather than an exact picture of anyone's vision.
Popular uses
- Checking charts and maps whose series are told apart by color
- Testing success, warning and error colors in a UI
- Reviewing game, transit and wayfinding color codes
- Choosing data visualization palettes that work for everyone
Tips for the best result
- If two colors merge in a simulation, change their lightness, not just their hue.
- Pair color with a second cue: icons, patterns, labels or position.
- Blue and orange stay distinct for the most common types of color blindness.
Read how JustYourPalette works, browse named colors and curated palettes, and see our privacy details. Colors you enter and images you open are processed in your browser and are never sent to our server.