Skip to main navigation Skip to main content Skip to page footer
Stefan Andres

Palette & Contrast Checker

Pull the colors straight out of a logo or image, then check every pairing against WCAG contrast requirements — no upload, all in your browser.

About this tool

The Palette & Contrast Checker reads the dominant colors out of an uploaded logo or image, lists them as a ready-to-use hex palette, and checks every foreground/background pairing against WCAG 2.1 AA and AAA contrast requirements. Everything runs locally via the Canvas API — nothing is uploaded or stored anywhere.

Drop a logo or image here
or choose a file

Extracted palette

Contrast Check (WCAG 2.1)

AA — 4.5:1 for normal text, 3:1 for large text (≥18pt, or ≥14pt bold) or UI elements — is the accepted minimum and what most accessibility laws require. AAA — 7:1 / 4.5:1 — is the enhanced level, best for long-form body copy. Rule of thumb: higher is always safer for readability, so treat AA as the hard floor and aim for AAA wherever your brand colors allow it.

CombinationPreviewContrastAA TextAA Large

How it works

  1. 1

    Upload an image

    Drop a logo or screenshot — PNG, JPG or SVG.

  2. 2

    Colors are extracted

    The dominant colors are pulled out automatically and shown as a hex palette.

  3. 3

    Contrast is checked

    Every pairing is scored against WCAG 2.1 AA and AAA thresholds.

  4. 4

    Copy or export

    Copy any hex code, or export the palette and results as JSON.

FREQUENTLY ASKED QUESTIONS

AA is the minimum WCAG level most sites should meet (4.5:1 for normal text, 3:1 for large text). AAA is stricter (7:1 / 4.5:1) and recommended for content aimed at low-vision users.

No. The image is read locally with the Canvas API — nothing leaves your browser.

PNG, JPG and SVG. For best results, use a logo with a transparent or solid background.

Yes — pick any two hex values manually and the contrast table updates instantly.

← Back to all tools

Need more than a free tool?

If you're ready for a real project — website, branding, or something custom — let's talk.

Get in touch