Skip to content

Color Tools

Color Blindness Simulator

Simulate protanopia, deuteranopia, tritanopia, or achromatopsia on hex color palettes or uploaded images. Preview how designs appear to color-vision-deficient users.

Loading tool…

How to use

  1. Pick Colors or Image mode and a CVD type
  2. Enter hex colors or upload an image
  3. Compare original and simulated results
  • Contrast Checker

    Check foreground and background color contrast for WCAG 2.x. See the ratio plus AA/AAA pass flags for normal and large text with a live preview.

  • Color Picker

    Pick a color with the native swatch or type HEX, RGB, and HSL values kept in sync. Copy any format or share via URL.

  • Image Color Extractor

    Upload an image to extract dominant colors with hex codes and percentages. Copy the palette for design work—all in your browser.

Frequently asked questions

Which simulation types are available?

Protanopia (red weak), deuteranopia (green weak), tritanopia (blue weak), and achromatopsia (no color).

How do I simulate a palette?

Choose Colors mode and enter hex values separated by commas or new lines. Each swatch shows original vs simulated.

Are uploaded images sent to a server?

No. Image simulation uses canvas locally in your browser.