ProUtils

Color Blindness Simulator

Preview approximate color appearance for common color vision deficiencies.

About This Tool

Preview approximate color shifts for common color vision deficiencies from a single HEX color.

Use it as a fast early check before deeper accessibility review of complete UI states and palettes.

Base color
#2563EB
View: Protanopia
#4040CA
View: Deuteranopia
#3C38C2
View: Tritanopia
#28B0AA
View: Achromatopsia
#606060

How to Use

  1. 1

    Enter the values you need or paste your text into the input area.

  2. 2

    Adjust any options, units, or settings for your exact use case.

  3. 3

    Review the result and copy it into your document, workflow, or next task.

Features

Instant Results

Outputs update directly in the browser as you enter values.

Browser-Based Processing

Your inputs are handled locally and are not uploaded for calculation.

Simple Inputs

Clear fields and readable outputs keep repeat tasks fast.

Free to Use

Use the tool immediately with no sign-up or installation.

Common use cases

  • Check whether an accent color changes too much under simulated color vision conditions.
  • Compare palette choices before designing status colors.
  • Add a quick accessibility pass to color-selection workflows.

Related Tools

Developer Tools