Fluid CSS clamp calculator
Create a fluid pixel-based size between two viewport widths.
Result
Enter your values. Your result will appear here.
How it works
- Inspect the example or enter your own input.
- Check the units and operation, then run the tool.
- Review the result, then copy or download it. Keep a copy of your original data.
Example & practical use
Starting example: Minimum size (px): 16 · Maximum size (px): 32 · Minimum viewport (px): 360 · Maximum viewport (px): 1200
Limits and help
Linear interpolation with pixel bounds and vw. Check zoom and text accessibility before using for fonts. Runs on your device without uploading input. Maximum 200,000 characters per field; numeric calculations use finite JavaScript numbers unless exact integer/decimal arithmetic is stated.
Your files are yours.
Image and text processing happens in your browser. Your files are not uploaded to our servers.
Troubleshooting
Try the small example on this page first. If it works, check your input format and size limit. Save any needed input before reloading. You do not need to share a file or password to report an issue.