px ↔ rem 変換&clamp()ジェネレーター

remの基準(html要素のfont-size)を変えて即変換。レスポンシブな文字サイズのclamp()式も自動生成します。

px ↔ rem

clamp() ジェネレーター

画面幅に応じて滑らかにサイズが変わる式を作ります。

プレビュー: サンプル Aa あア 123

補足

・remを使うとユーザーのブラウザ設定(文字サイズ変更)に追従でき、アクセシビリティが向上します。
・clamp(最小, 可変, 最大) の可変部は y = ax + b の一次式。本ツールはvw係数とrem切片を自動計算します。
・メディアクエリのブレークポイントを減らせるのがclamp()の利点です。