ProToolBox

Design preview · runs locally

See UI colors through common color blindness types

Enter HEX or upload an image, pick protanopia, deuteranopia, or tritanopia, and compare the shift. Copy the summary or save a simulated PNG. No signup—runs in your browser.

Simulate color blindness online

Simulate how a HEX or screenshot may look for three common types—quick checks before you ship hue-only cues.

1 HEX or upload image · 2 Pick vision type · 3 Read result · 4 Copy color results or download PNG

Your result

Sample chips or your own HEX. For text on color, follow with the contrast checker.

One-tap samples
Screenshot or asset (optional)

JPG, PNG, WebP, GIF. Preview caps around 640×420 for speed; the PNG download matches that preview.

Updates live as you edit.

Change HEX, type, or image—the panel below refreshes.

Next: Contrast · HEX → HSL · All design tools · All tools

  • Runs in your browser—nothing uploads
  • Free, no account
  • Files and HEX stay on your device

When to use it

Before launch, check whether reds and greens (or other pairs) still read as different states.

  • Status dots, charts, and game UI that lean on hue alone
  • Marketing screenshots you will ship as PNG
  • Pasting a short color summary into a ticket or doc

Approximation only—pair with real testing when access matters.

Overview

Many people see red and green differently. We apply a common RGB matrix for protanopia, deuteranopia, and tritanopia—a design preview, not a diagnosis. Add contrast checks and user tests when it counts.

How it works

  1. HEX: samples, picker, or typed #RRGGBB—the simulated swatch updates live.
  2. Image: upload → original vs simulated → Download simulated PNG.
  3. Copy color results for notes or tickets.
  4. Ship with extra cues (icons, labels) and contrast-checked text where needed.

Privacy: HEX, images, and downloads never leave your browser.

FAQ

  • Medical test? No—design preview only.
  • Upload? No—images decode in this tab.
  • Phone? Yes—controls stack; previews stay readable.
  • Next? Check contrast, add non-color cues, test with real users on risky flows.

Bookmark for releases—quick pass on dashboards, marketing, and games before you freeze UI.

Tools in this category