↔️

CSS clamp() generator

Create fluid CSS clamp() values for responsive typography and spacing.

Minimum value (rem)Maximum value (rem)Minimum viewport (px)Maximum viewport (px)

Result

clamp(1.000rem, 0.2727rem + 0.2273vw, 3.000rem)

Preview

UtiliTools Pro

How it works

Enter minimum and maximum sizes and viewport limits to generate a fluid clamp() formula.

What is clamp() used for?

Combines a minimum, a fluid value, and a maximum.

What units do you generate?

Use rem for value and px for viewport limits.