px⇄rem⇄em⇄pt 変換

ルートfont-sizeを基準に、px・rem・em・pt を相互変換します。CSSの単位換算をまとめて表示します。

入力

ルート font-size（px）

rem の基準（html要素の font-size）。多くのブラウザの既定は 16px です。

基準 font-size（px）

em の基準（親要素の font-size）。例: 20px のとき 30px = 1.5em。

変換したい値

px rem em pt

24px は

1.5rem

px 24px コピー

rem 1.5rem コピー

em 1.5em コピー

pt 18pt コピー

※ rem は「値÷ルート font-size」、em は「値÷基準 font-size（親要素）」で計算します。em は本来、親要素の font-size 基準の相対単位なので、基準px入力を親要素として換算します。pt は px×0.75（96dpi基準）です。