Skip to main content

Contrast Grid

v1.1.0

Test foreground-background colour combinations for WCAG contrast compliance.

Tests all combinations of a set of colours against each other in a grid, showing WCAG contrast ratios for every foreground/background pair at a glance.

How to use
  • →Enter a palette of hex colours (one per line); the grid populates automatically.
  • →Cells are colour-coded: green = AA pass, yellow = large text only, red = fail.
  • →Useful for checking an entire design system colour palette for accessibility compliance.