ToolNewFor Designers and frontend developers

Hueproof

Every colour pair, checked at once.

Hueproof checks every text and background colour pair in your brand palette against WCAG AA and AAA, suggests passing shades and exports CSS variables.

Download the source

Zip, 182 KB. MIT licence. Built 29 Oct 2026.

Live preview

Open the appOpen full screen
Loading the live site…

This is the real site, not a mock-up. Click around; the button on it opens the working app.

What you get

Everything a tool needs, already done.

Pages and screens

  • Hero
  • Palette screen
  • Contrast matrix
  • Export screen
  • Features

Features

  • Up to twelve named hex colours per palette
  • Tests every text colour on every background
  • WCAG 2.2 ratio with a plain-words grade
  • Nearest passing shade by changing lightness only
  • Copy or download :root CSS custom properties
  • Runs in the browser, saves locally, works at 360 px

Palette

  • #3d40c2
  • #2f32a3
  • #ffffff
  • #4f46e5
  • #f59e0b
  • #16171d

Style

  • Minimal
  • Editorial
  • Warm
Hueproof on a phone
On a phone, as shipped.

For developers

A real codebase, not a page builder export.

Stack

Vite, React 19 and TypeScript for the app. The launch page is plain HTML, CSS and a little JavaScript with no build step. Vitest for unit tests, Playwright for browser tests.

Run it

unzip hueproof.zip
cd hueproof
npm install
npm run dev

In the zip

  • site/ the launch page with the built app in site/app/
  • src/ and e2e/ the app source and tests
  • docs/technical-docs/ architecture, runbook, quick reference
  • START-HERE.md and LICENSE (MIT)

More like this

Also on the shelf

  • Professional ServicesTool

    Goodhour

    Add each teammate's city and working hours to see where your days overlap, get the best meeting times ranked, and keep them correct when the clocks change.

  • Professional ServicesTool

    Tapeline

    Keeps each customer's measurements and alteration jobs in one place, with a status board and printable claim tags, all running in the browser with no account.

  • Professional ServicesWebsite

    Tintype

    A ready-made website for photographers with a filterable portfolio, a package picker with a live total, a copyable enquiry email and a shot list builder.