Color Blindness Simulator
Simulate how any hexadecimal color appears under multiple color vision deficiencies and in grayscale.
Run tool
This color blindness simulator shows how a specific color appears under different types of color vision deficiencies. When evaluating interface palettes, chart themes, or branding assets, testing individual shades helps identify potential contrast issues and confusing pairings early in the design workflow. Enter any six-digit or three-digit hexadecimal color code, or use the default red value if no custom code is provided. The simulator accepts values with or without the leading hash mark and expands short three-digit notations automatically. After processing, the tool provides four distinct visual transformations: three simulated color-vision variations alongside a standard grayscale rendering. Each transformed color is displayed as a normalized six-digit lowercase hex code with rounded channel values between 0 and 255. If an invalid hexadecimal string is entered, an error indicator appears instead of simulated color values. Use these simulated hex codes to compare shade distinguishability across varied visual conditions.
Instructions
- Enter a hexadecimal color code such as #3b82f6 or 03f in the Color field.
- Leave the input blank if you want to inspect the default red shade (#ff0000).
- Run the tool to generate the simulated color-vision variations.
- Review the three color-vision deficiency values and the grayscale hex code in the output panel.
Examples
- Input: #22c55e -> Outputs three simulated color-vision hex codes along with a grayscale hex rendering for green.
- Input: 09f -> Automatically expanded to #0099ff before calculating color vision simulations and grayscale value.
- Input: #ff0000 -> Generates simulations showing how pure red shifts across three distinct visual deficiencies and grayscale.
FAQ
What color formats can I enter into the simulator?
The tool accepts three-digit and six-digit hexadecimal color codes, with or without a leading hash mark (#). Formats like RGB or HSL are not parsed directly.
What happens if I submit an empty color input?
When no color is provided, the tool automatically uses the default red color code #ff0000 to generate simulations.
What does the simulator return if the entered value is invalid?
If the input contains invalid characters or an unsupported length, an error message appears in place of the simulated color outputs.
How are the output colors formatted?
All output values are presented as six-digit lowercase hex codes preceded by a hash mark (#), with each RGB channel rounded to an integer between 0 and 255.