CLAMP CALCULATOR

流体タイポグラフィ生成ツール

Configuration

~
px (1rem)
MIN
px (@ 375px)
~
MAX
px (@ 1440px)

Live Preview

Simulated Width: 1024px

※注:上記のプレビューは実際のclamp()値を使用しているため、ブラウザのウィンドウ幅を変えて確認するか、下の計算ロジックによるプレビュー(JS Calculated Preview)を参考にしてください。

JS Calculated Preview (Syncs with Slider)

CSS Output

/* Font Sizes */

/* Spacing (mimics font scale) */