Tool capabilities
- Input
- Options
- Output
- CSS · Options
How to use Color Blindness Simulator
Compare color swatches using full-dichromacy simulations for protanopia, deuteranopia and tritanopia.
- Change the colors, text or numeric controls above.
- Compare the preview as you adjust the controls.
- Copy the output or download it to your device.
Color Blindness Simulator · Example
Input
{
"a": "#5265d8",
"vision": "deuteranopia"
}Output
#006ad6
Compare color swatches using full-dichromacy simulations for protanopia, deuteranopia and tritanopia.
Usage notes
Inputs and results are processed on this device. Tool content is not sent to a processing server.
Full-dichromacy approximation from Machado et al. (2009). Individual perception varies. Grayscale is a separate luminance preview.