Color review with blindness simulation and WCAG checks

Tool powered by color.review on color.review.

Run a color review in context: simulate color blindness, check WCAG contrast, and refine pairs. color.review

What is Color Review?

Color Review (color.review) is a browser tool for reviewing foreground and background pairs in realistic UI context—not only flat contrast numbers. You can simulate protanopia, deuteranopia, tritanopia, and achromatopsia, read WCAG-style ratios, and adjust hues while seeing how type and components might look. This page includes the official app at https://color.review/ on /color-review and adds workflow notes; we do not host the engine. Pair with /color-contrast for APCA checks or /accessible-brand-colors for full palette testing.

What Color Review helps you do

Contextual review and vision simulation—the features competitors rank for on color.review.

  1. In-context color review: Preview text, buttons, and borders together instead of judging isolated swatches only.

  2. Color blindness simulator: Toggle common vision types to see whether hues collapse or stay distinguishable.

  3. WCAG contrast readouts: See ratio values and AA or AAA style guidance while you iterate on pairs.

  4. Interactive adjustment: Nudge colors in the upstream UI to find nearby accessible shades without leaving the tool.

  5. Copy-ready hex values: Copy codes for CSS, design tokens, or handoff docs after a pair passes review.

  6. Design system stress tests: Validate token pairs before they ship across marketing and product surfaces.

How to run a color review

Use the tool below, then document approved pairs.

  1. Open the tool

    Load the frame under this guide. If blocked, open color.review in a new tab from the FAQ.

  2. Set foreground and background

    Enter hex or pick colors for text or icons and the surface behind them.

  3. Read the preview

    Judge readability in the large sample and smaller UI examples.

  4. Enable vision simulation

    Switch simulation modes to catch confusion between reds, greens, or blues.

  5. Adjust until pass

    Move colors until contrast and simulation both look acceptable for your bar.

  6. Cross-check elsewhere

    Confirm critical pairs in /color-contrast if your audit requires APCA or a second opinion.

Tips for stronger color reviews

Math plus context beats either one alone.
  • 01

    Trust the ratio and the preview

    A passing number can still feel harsh; the contextual review catches subjective issues.

  • 02

    Do not rely on hue alone

    Add icons or labels for success and error states, especially for color blindness users.

  • 03

    Test dark mode separately

    Saturated accents on dark surfaces often need different pairs than light mode.

  • 04

    Limit palette sprawl

    Fewer approved pairs are easier to maintain than many one-off exceptions.

Who uses a color review workflow

Design, brand, and accessibility roles before ship.

  1. Product and UI designers

    Sign off button, link, and body text pairs with evidence from a color review session.

  2. Design system owners

    Prove token combinations work under simulation, not only on paper.

  3. Accessibility specialists

    Demonstrate why a brand pair must change using vision simulation and ratios.

  4. Data visualization designers

    Check series colors against backgrounds and each other.

Why open Color Review

Brand queries like color review and color reviews land on color.review—keep that tool beside other checks.

  • Matches brand search intent

    Competitors rank position one for color review and color reviews on the same product URL.

  • Context plus simulation

    Goes beyond a flat ratio when stakeholders need to see real UI samples.

  • Faster iteration

    Adjust and re-test in one tool during reviews or audits.

  • Clear attribution

    Behavior and UI come from color.review; This page documents how to use the tool.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.