画像と画面

CSS単位コンバータ

一般的な CSS の長さは、必要なコンテキストが明示的である場合にのみ変換します。ルートおよび現在の要素のフォント サイズを指定して、rem と em が暗黙的に同じベースであると仮定しないようにします。

● ローカルで実行
値の例
ブラウザで動作します。アカウントは必要ありません。

CSS単位コンバータ

変換後のCSSの長さ
01

計算式

1rem = root px · 1em = element px · 1pt = 96/72 px

ソースユニットを CSS 参照ピクセルに正規化し、ターゲットユニットのコンテキストピクセル係数で除算します。

02

仮定

  • ルートおよび要素のフォント サイズは厳密に正のサイズです。
  • 測定された物理的な画面ピクセルではなく、CSS 参照ピクセルが使用されます。

このツールはCSSの参照関係を1in = 96px、1pt = 1/72inと仮定しています。ビューポートの単位とパーセンテージは除外されます。

03

フォーミュラのレビュー

Formula v1.0.0

レビュー済み 2026-08-03

CalcFlow engineering review

作業例

CSS単位コンバータ: 作業例

16 ピクセルのルートでは、24 ピクセル ÷ 16 = 1.5 レムです。参照ピクセル ルールでは、24 ピクセルも 18 ポイントに相当します。

よくある質問

よくある質問

レムとエムの違いは何ですか?

rem はルート要素のフォント サイズを使用します。 em は、現在の要素のフォント サイズ コンテキストを使用します。

パーセンテージが除外されるのはなぜですか?

パーセンテージはさまざまなプロパティや含まれるブロックに依存する可能性があるため、1 つのスカラー コンテキストだけでは十分ではありません。

CSS px は物理ピクセルですか?

必ずしもそうとは限りません。 CSS は、表示とズームに従ってブラウザがデバイス ピクセルにマッピングする参照ピクセルを定義します。