CSS clamp() Generator
Fluid font sizes with clamp().
Runs entirely in your browser — nothing you enter is uploaded, logged, or tracked.
Pick a minimum and maximum size and the viewport widths they should apply at, and get a CSS clamp() value that scales linearly between them — no media queries needed. The preview shows the computed size across the range.
The quick brown fox jumps.
Frequently asked questions
What does clamp() do?
clamp(MIN, PREFERRED, MAX) keeps a value between a minimum and maximum while letting it scale with the viewport in between — perfect for fluid font sizes and spacing.
What units should I use?
Pixels for the sizes and viewports; the generator outputs rem (for accessibility) plus a vw-based preferred value.
How is the middle value calculated?
From the two size/viewport points it derives a linear equation — a slope in vw plus a rem intercept — which is the standard fluid-type formula.