最小viewport未満では最小値で止まる
画面が設定した最小幅より狭くなっても、clamp() の第1引数より小さくなりません。
無料Webツール
最小/最大サイズとviewport範囲から流動的なclamp式を生成します。
最小サイズ・最大サイズと、それぞれを対応させたいviewport幅から、画面幅に応じて滑らかに変化するCSSの clamp() を生成します。流動的な文字サイズや余白の初期値作成に使えます。
clamp() をCSSへ貼り、実画面で確認します。vw を使って連続的に増減する式を作ります。生成式は数学的に2点を結ぶ値です。読みやすい文字サイズ、アクセシビリティ、ブラウザズーム、デザインシステムの段階値まで自動判断するものではありません。
画面が設定した最小幅より狭くなっても、clamp() の第1引数より小さくなりません。
広い画面でも第3引数を上限として固定されるため、無制限に文字や余白が大きくなるのを防げます。
このジェネレーターは「小さい画面から大きい画面へ同じか大きくする」用途に合わせています。逆方向の縮小設計は対象にしていません。
375px、768px、1024px、1440pxなど複数幅で、行折返しや余白バランスが意図どおりか確認してください。
出力はpxベースです。ユーザー設定やルートフォントサイズを重視してremを使う設計では、その方針に合わせて式を組み替えてください。