Free CSS clamp() Calculator for Fluid Typography

Generate CSS clamp() values for fluid typography and spacing. Enter min/max sizes and viewport widths to get the perfect clamp() expression.

100% client-side - your data never leaves your browser.

Minimum Value (px)

Maximum Value (px)

Min Viewport (px)

Max Viewport (px)

Generated CSS clamp():

clamp(1rem, 1.4286vw + 0.7143rem, 2rem)

How it works: At 320px viewport, value = 16px. At 1440px viewport, value = 32px.

The preferred value interpolates linearly between these two points using viewport width.

Want automated scanning?

SCOUTb2 runs 25+ accessibility, performance, SEO, and security checks on any page automatically.