CSS Clamp Calculator

Generate responsive clamp() CSS for type, spacing, and layout values without doing the viewport math by hand.

CSS property

Output unit

Minimum size (px)

Maximum size (px)

Minimum viewport (px)

Maximum viewport (px)

Root size for rem (px)

Selector

Clamp Value

clamp(...)

Viewport Range

0px

Slope

0vw

Intercept

0px

At 360px

0px

At midpoint

0px

At 1200px

0px

Copy-ready CSS

Interpretation

Enter valid inputs to generate responsive clamp() CSS.

Ready.