サイズ & レイアウト
3 ツールレスポンシブなサイズ指定に使う3ツール。clamp() の可変フォントサイズ、px と rem の相互変換、余白スケールのCSS変数生成。スライダーで調整してそのまま使えるCSSをコピーできます。
clamp() ジェネレーター最小幅・最大幅と最小・最大サイズを入れるだけで clamp() のCSSを生成。画面幅に応じて滑らかに変わるフォントサイズが作れます。rem と px を切り替え可能、プレビュー付き。
px ⇄ rem 変換ツールpx と rem を双方向に変換します。基準（ルートフォントサイズ）は自由に変更でき、既定は16px。どちらに入力しても即座にもう一方が更新されます。
余白スケール ジェネレーター基準値と段数から余白スケールを作り、--space-1 … のCSS変数として一括出力。等差（linear）と等比（ratio）を選べます。px と rem を併記、棒グラフで比率も確認できます。