( Free Tool )
← All toolsDesign Toolkit
A color, contrast, typography and spacing toolkit: test WCAG contrast, convert HEX/RGB/HSL, and generate type & spacing scales as CSS variables or Tailwind tokens.
Runs in your browser
WCAG contrast
Aa
Normal text sample on this pair.
AA normal text (4.5:1)
PassAA large text (3:1)
PassAAA normal text (7:1)
PassContrast 17.38:1