Color & Design

CSS clamp() Fluid Size Generator

Create a clamp() value that scales smoothly between two screen widths.

Color & Design

Local only

Size at small screens (px)Size at large screens (px)Small screen width (px)Large screen width (px)Root font size (px)

Everything stays in your browser

Your text is processed on your device — nothing is uploaded to a server.

How it works

Linear interpolation: slope = Δsize ÷ Δwidth, written as rem + vw so zoom still works.

Good to know

How do I use it?

Fill in the options and press “Generate”. Check the result, then copy or download it.

How does it work?

Linear interpolation: slope = Δsize ÷ Δwidth, written as rem + vw so zoom still works.

Is my data uploaded?

No. Everything is processed in your browser and nothing is sent to a server. No account is needed.