Clamp Generator

Set a min and max font size across a viewport range to generate a fluid clamp() value, with a live preview at any test viewport width.

Min font size (px)Max font size (px)Min viewport width (px)Max viewport width (px)

Preview at viewport: 800px

Fluid text

font-size: clamp(1rem, 0.6000rem + 1.6000vw, 2rem);

Example input

16px to 32px

Example output

font-size: clamp(1rem, 0.5rem + 2vw, 2rem);