Web app · Developer Tools
Color Truth
See your design the way 1 in 12 users actually see it — right in the browser
Load a screenshot and flip through eight color-vision modes with a side-by-side compare slider, check any two colors against WCAG 2.1 AA / AAA with a one-tap suggested fix, and pull the eight dominant colors out of any image with k-means. Every pixel is processed in your tab. Free, no install.
Stored in your browser only. Nothing you do in the web version is sent to our servers. Clear your browser data and it's gone — so export a backup from the in-app menu if you want to keep it.
In your browser
What you can do in Color Truth on the web
Eight-mode vision simulator
Normal, protanopia, protanomaly, deuteranopia, deuteranomaly, tritanopia, tritanomaly and achromatopsia, using the published Brettel/Vienot/Mollon and Machado matrices applied per pixel on a canvas.
Side-by-side compare and save
Drag the divider between the original and the simulated image, then download the simulated PNG to share with a teammate.
WCAG 2.1 contrast checker
Native color pickers plus hex entry, the exact relative-luminance ratio, pass / fail for AA Large, AA, AAA Large and AAA, a live text preview, and the same pair shown through every vision mode.
Suggested fix
When a pair fails AA, Color Truth pushes both colors apart in HSB brightness — same hues — until they reach 4.5:1, and applies it with one tap.
k-means palette extractor
Any image → its 8 dominant colors with weights, hex / RGB / HSB, contrast against white and black, and a saved palette you can copy as CSS variables.
Saved checks and palettes
Keep your brand pairs with their conformance level and your extracted palettes, and see each saved palette through the current vision mode.
Screens
Every screen, rebuilt for the browser
-
1
Simulate
Bundled sample dashboard or your own image, eight mode chips, compare slider, save.
-
2
Contrast
Foreground / background pickers, ratio, conformance cells, suggested fix, the pair through every vision mode, saved checks.
-
3
Saved check
One saved pair with its ratio, four conformance rows, color values and copy-as-CSS.
-
4
Palette
Pick an image (or use the sample), 8 swatches with weights, tap for hex / RGB / HSB and contrast pairs.
-
5
Saved palette
Weighted color band, every swatch with white / black contrast, and the same band through the current vision mode.
-
6
Vision modes
All eight modes with a sample band and the exact 3×3 matrix.
-
7
Color science
How simulation, contrast and palette extraction are computed.
-
8
Design tips
Five rules that keep color-dependent UI readable.
-
9
Settings
Default vision mode, compare default, reference pages, backup, sample data and erase.
Try it with sample data: Loads nine saved brand contrast checks (from body copy at 17:1 down to placeholder text that fails) and three saved palettes — a marketing site, an autumn moodboard and a dashboard's status colors. You can start fresh at any time.
Ready? It's free.
Sign in once and every All Things AI web app opens instantly. No install, no subscription, no data leaving your browser.
Your say
Is Color Truth useful? Tell us what to build next.
Sign in to vote.
Tell us what to build next.
Sign in to leave a comment or vote — it takes a few seconds.
Sign in to commentNo comments yet — be the first to say what this app should do next.
Questions
Is the web version of Color Truth free?+
Yes. Sign in with a free All Things AI account and use every screen — no subscription, no in-app purchases.
Where is my data stored?+
Only in this browser's local storage. Nothing you enter is sent to our servers, so we can't see it, back it up, or restore it. Clearing site data, a private window, or another device starts empty. Export a backup from the in-app menu to keep it.
Do I need an account?+
You can read about the app without one, but you must sign in to open it. Sign-in is free and takes a few seconds with Google.
How is the web version different from the Color Truth iPhone app?+
Images come from a file picker rather than the Photos library or camera; the simulated image downloads as a PNG instead of saving to Photos. Very large images are processed at up to 4096 px on the longest side when saving and 900 px on screen. Saved checks and palettes live in this browser only — export a backup to move them.