CSS Clamp Calculator

Name: CSS Clamp Calculator
Author: Pixzl

Fluid Typography mit clamp() berechnen — Schriftgröße skaliert linear zwischen Min- und Max-Viewport.

Min-Größe (px)

Max-Größe (px)

Min-Viewport (px)

Max-Viewport (px)

Output-Einheit

root-px

Output

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

Live-Preview

@ 360px Viewport16px

The quick brown fox

@ 820px Viewport20px

The quick brown fox

@ 1280px Viewport24px

The quick brown fox

Alle Daten bleiben in deinem Browser. Kein Server, kein Tracking.