CSS clamp() Generator

Build a fluid clamp() value that scales linearly between two viewports.

Range

Min size (px)

Max size (px)

Min viewport (px)

Max viewport (px)

Root font size (px)

CSS

clamp(1rem, 0.8043rem + 0.8696vw, 1.5rem)

Below 360px the size locks at 16px; above 1280px it locks at 24px; in between it scales linearly.