Color & CSS Tools

CSS clamp() Generator

レスポンシブなclamp()関数を簡単に生成。

font-size: clamp(16px, 5vw, 32px);

使い方

  1. min・vw・maxを入力
  2. コードをコピー

CSS clamp() Generatorについて

最小値・推奨値(vw)・最大値を指定して、CSSのclamp()関数を生成する無料ツールです。フォントサイズや余白のレスポンシブ対応に。

よくある質問

フォント以外にも使えますか?

はい、paddingやmarginなどあらゆる数値プロパティに使えます。

関連ツール

おすすめツール