この道具の仕組み
px基準で相互変換します。rem = px ÷ ルートサイズ、pt = px × 72/96。
入力と結果の例
入力例
- 入力
- 24px
- 結果
- 1.5rem(16px基準)
使う前に知っておくこと
- 01入力値や前提条件によって、実際の結果と差が出る場合があります。
- 02重要な判断に使う場合は、元資料や公式情報でも確認してください。
- 03極端に大きい値や長い入力では、ブラウザの数値・処理上限の影響を受けます。
px↔rem↔pt変換は、CSSの px・rem・em・pt を相互変換します。 入力内容はこの端末のブラウザ内で処理し、結果と前提を同じ画面で確認できます。
見えている項目だけで使えます。
入力すると、すぐに更新されます。
px: 24 rem: 1.5 em: 1.5(親が16pxの場合) pt: 18
1rem = ルートフォントサイズ、1pt = 1/72インチ = 96/72 px で計算します。emは要素の親フォントサイズに依存します。
px基準で相互変換します。rem = px ÷ ルートサイズ、pt = px × 72/96。