Client-side tool

CSS clamp() Calculator

Generate a fluid CSS value that scales between two sizes across your chosen viewport range.

Processing stays in your browser

Minimum size

Maximum size

Minimum viewport

Maximum viewport

Generated value

clamp(1rem, 0.429rem + 2.857vw, 3rem)

Assumes a 16px root font size.