Your files stay on your device

CSS clamp calculator

Turn a minimum and maximum size across two viewport widths into a clamp() expression with the slope, a resolved value table, and a WCAG zoom check.

Enter both values and both viewport widths.

clamp(MIN, INTERCEPT + SLOPE×VW, MAX) holds the bounds outside your two anchors and interpolates a straight line between them. The zoom check walks 320 to 3,840 px windows at up to 500% zoom: browser zoom scales CSS px but shrinks the layout viewport by the same factor, so the vw share does not grow with zoom. The rule of thumb this check reports on is max at or below 2.5× min with rem bounds. It is a heuristic, not a substitute for turning zoom on and looking.
Options

More regex & cron tools

- Regex tester (/dev/regex-tester)
- Glob tester (/dev/glob-tester)
- Semver compare (/dev/semver)
All regex & cron tools (/dev)

Was this tool useful?
YesNo

Canonical HTML: https://nutter.tools/dev/css-clamp-calculator
Markdown version: https://nutter.tools/dev/css-clamp-calculator.md
Plain-text version: https://nutter.tools/dev/css-clamp-calculator.txt
Agent index: https://nutter.tools/llms.txt