Skip to content
Index730 resources
Color.review

Color.review

A contrast checker that puts the ratio on a live scale against the 3, 4.5 and 7 thresholds while you drag the colour

Tier B · UsefulToolColor Toolcolor.review

(Visit color.review ↗)

Color.review checks the contrast between a foreground and a background colour, and it does it while you move the colour rather than after you commit it. The three WCAG thresholds are marked on the scale: 3 for large text, 4.5 for normal text and 7 for the enhanced level. Seeing where a pair falls between them is more useful than a pass or fail badge, because it shows how much room you have before the pair breaks. Both colours are editable in hex, RGB, HSL, HSV and CMYK at once, with a Flip control to swap them. Separate previews cover Text and Headlines, which matters because the 3 and 4.5 thresholds apply to different sizes. The state lives in the URL, in the form color.review/check/293845-FFFFFF, so a pair can be sent to a colleague as a link. The page publishes no real llms.txt: the path returns the same body as the home page.

For an agent

Build the URL to share a result: color.review/check/<foreground>-<background>, hex without the hash, as in color.review/check/293845-FFFFFF. That makes a contrast decision citable in a review. Read the position on the scale, not just the pass. The tool marks 3, 4.5 and 7, so a pair at 4.6 and a pair at 12 both pass and only one has room to survive a brand tweak. Check Text and Headlines separately. The 3 threshold applies to large text and 4.5 to normal, so one pair can pass for a heading and fail for body copy.

Why it is here. A contrast checker that answers pass or fail hides how close the call was. Showing the ratio against all three thresholds turns it into a decision you can defend.

Install command, framework, licence and component list.

Facts

License
Unknown
Pricing
Free
Framework
Not applicable
Styling
Not applicable
Distribution
Web app / online tool
Platform
Web
Content type
Design tokens / theme files
Agent readiness
Client-rendered shell
Accessibility
WCAG 2.x AA, WCAG 2.x AAA
Maturity
Stable
Pricing detail
Free, with no account and no paid tier on the page.

Notable for

  • ratio shown live against the 3, 4.5 and 7 thresholds
  • separate previews for text and headlines
  • hex, RGB, HSL, HSV and CMYK at once
  • state encoded in a shareable URL
  • free with no account

Provenance

Verified 2026-08-30. HTTP 200. https://color.review/ 200, 61 KB; title "Color.review - Colors that look and work great for everyone"; the page reads "The contrast between foreground and background is" beside a Contrast readout of 12, preview labels Text and Headlines, the threshold marks 3, 4.5 and 7, a Flip control, and the colour models RGB, HSL, CMYK and CSS with hex, r/g/b, h/s/l, h/s/v and c/m/y/k inputs for both foreground and background; the sample state URL shown is color.review/check/293845-FFFFFF. /llms.txt answers 200 with the same body as the home page, so it is a catch-all. Listed under Web Utility on designengineer.tools.

Also in Color

6
color.reviewTier B