
Accessible Colour-Palette Builder
Build a five-colour palette and compare every pair against common WCAG text-contrast thresholds.

Build a five-colour palette and compare every pair against common WCAG text-contrast thresholds.

Simplify an aspect ratio, calculate matching dimensions and generate a CSS aspect-ratio declaration.

Generate a CSS clamp() expression for fluid spacing, typography, widths and other responsive values.

Generate and preview fluid typography that scales between readable minimum and maximum sizes.