px / rem / em 変換

CSS単位 px・rem・em・pt・% を、基準値を指定して相互変換。

CSS単位を一瞬で変換

値と単位を入力し、基準（ルートのフォントサイズ、既定16）を選ぶと、px・rem・em・pt・% の相当値が出ます。値をクリックでコピー。

関係：1 rem = 基準px；1 px = 0.75 pt；% = px ÷ 基準 × 100。すべてローカルで計算。

px・rem・em の違いは？

px は固定サイズ。rem はルート要素（html）のフォントサイズ基準（既定16px）。em は親のフォントサイズ基準。ここで設定する基準が rem・em・% の参照になります。

なぜ px より rem？

rem はユーザーがブラウザで選んだ文字サイズを尊重します。既定サイズを大きくしても読みやすくアクセシブル。フォントや多くの余白に推奨されます。

px から pt への換算は？

CSSでは 1px = 1/96 インチ、1pt = 1/72 インチなので 1px = 0.75pt。基準16なら 16px = 12pt。pt は主に印刷用です。

1 rem はいくつ？

1 rem = ルートのフォントサイズ。既定基準16なら 1 rem = 16px = 100%。基準を10にすると 1 rem = 10px となり計算が簡単（1.6 rem = 16px）。