CSS Clamp Generator

Create fluid typography values using clamp(min, preferred, max) from viewport ranges.

Min Value (px)

Max Value (px)

Min Viewport (px)

Max Viewport (px)

Clamp CSS

clamp(16px, calc(4.3636px + 3.6364vw), 48px)

Example

h1 { font-size: clamp(16px, calc(4.3636px + 3.6364vw), 48px); }