Skip to content

CSS Clamp Calculator

Build fluid clamp() values from a min px, preferred vw, and max px. Preview fluid type live.

Fluid type preview

The quick brown fox

Resize your browser window to see the size change between min and max.

Example

font-size: clamp(16px, 4vw, 48px);

FAQ

It is the fluid middle term (usually vw). The browser clamps the result between min and max.
This calculator outputs px/vw. Convert manually (e.g. 16px → 1rem) if you prefer rem.

CSS Generators