本文へスキップ
変換ツール

CSS clamp 生成

最小・最大サイズと画面幅を指定し、可変サイズの CSS clamp を生成します。

ブラウザ内で変換 · 登録不要

入力は px 単位です。サイズと画面幅は小さい順に指定し、線形の vw 項を使って補間します。

入力は各 100,000 UTF-16 単位、結果は 1,000,000 単位までです。対応形式と例は以下をご確認ください。

結果

内容を入力するかサンプルを読み込み、実行してください。結果がここに表示されます。

使い方

  1. 最小・最大サイズと画面幅を指定し、可変サイズの CSS clamp を生成します。
  2. 変換方法やオプションを選んで実行します。
  3. 結果を確認し、コピーまたはTXTで保存します。

変換例

16→24 px at 320→1280 px → clamp(16px, 13.333333px + 0.833333vw, 24px)

仕様と制限

文章はブラウザ内で処理し、変換サーバーには送信しません。

形式の参考資料

ツールページの更新日：