ع

Palette Accessibility Analyzer

Evaluate readability and contrast across every combination in a palette.

Safest text pairs

About the Palette Accessibility Analyzer

Paste a palette and get a full contrast matrix of every foreground/background pair with WCAG AA and AAA badges, plus a list of the safest text combinations.

How to use it

  1. Enter your palette colors (comma or space separated).
  2. Review the contrast matrix.
  3. Filter to show only passing pairs.
  4. Use the recommended pairs for text.

Examples

  • Audit a brand palette before building a website.
  • Find which palette colors can be used as button backgrounds.

Frequently asked questions

What does the matrix show?
Each cell is the WCAG contrast ratio of the row color as text on the column color as background.
Which pairs are recommended?
Pairs that pass AA for normal text (4.5:1), sorted by ratio.
Does it simulate color blindness?
Use the Color Blindness Simulator for that; this analyzer focuses on luminance contrast.

Related tools

Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.Background & Text PreviewTest text, heading, button and border colors on a live mock interface.