CSS単位換算（px・rem・em・pt）
CSS の長さを、px・rem・em・pt など、ほかの単位に換算します。rem と em は、基準のフォントサイズを入力して換算します。
CSS の単位の換算の考え方
CSS の絶対単位（px・pt・pc・in・cm・mm・Q）は、**W3C の規格「CSS Values and Units」**で、次のように定義されています。
| 単位 | 定義 | px では |
|---|---|---|
| in（インチ） | 1in ＝ 2.54cm ＝ 96px | 96 px |
| px（ピクセル） | 1px ＝ 1/96 in | 1 px |
| pt（ポイント） | 1pt ＝ 1/72 in | 4/3 px（約 1.3333 px） |
| pc（パイカ） | 1pc ＝ 1/6 in（12pt） | 16 px |
| cm（センチメートル） | 1in ＝ 2.54cm | 約 37.7953 px |
| mm（ミリメートル） | 1cm ＝ 10mm | 約 3.77953 px |
| Q（クォーターミリメートル） | 1Q ＝ 1/40 cm | 約 0.944882 px |
計算は、小数の誤差が出ない方法（分数）で行います。割り切れない値（cm・mm・Q など）は「丸めた値」と表示します。
rem と em は、基準のフォントサイズで結果が変わります
- rem：ルート要素（
html）のfont-sizeが基準です。基準が 16px なら、1rem ＝ 16px です。html { font-size: 62.5% }と書くと基準が 10px になり、1.6rem ＝ 16px になります。 - em：その要素の
font-sizeが基準です。ただし、font-sizeプロパティに em を使うときは、親要素から継承した font-size が基準です（W3C の規格）。paddingやmarginなどでは、その要素自身の font-size が基準です。 - 入れ子の em（1.2em の中の 1.2em ＝ 1.44 倍など）は、このツールでは計算しません。基準には、計算後の（実際の）font-size を入力してください。
このツールは、**入力した基準（px）**で換算します。基準が違えば、rem・em の結果も違います。
px は、実際の画面の画素ではありません
CSS の px は、実際の画面の画素（デバイスピクセル）ではなく、**1/96 インチを基準にした「参照ピクセル」**です。高解像度の画面では、1 CSS px が、複数の画素（たとえば 2 × 2 画素）で表示されることがあります。画面の画素密度や、印刷できる大きさは、DPI・PPI 計算で求められます。画像の画素数を変えるときは、画像リサイズ・解像度換算を使ってください。
計算例
- 16px ＝ 1rem ＝ 1em ＝ 12pt（基準が 16px のとき）
- 24px ＝ 2.4rem（基準が 10px のとき）
- 1.6rem ＝ 16px（基準が 10px のとき）
- 1in ＝ 96px ＝ 72pt ＝ 6pc ＝ 2.54cm
- 10mm ≒ 37.79528px
- 0.75pt ＝ 1px
注意点
- vw・vh・％・ch・ex など、画面の大きさ・親要素の大きさ・フォントの形で決まる単位は、値だけからは換算できないので、扱いません。
- 値は、整数部 12 桁・小数第 6 位まで入力できます（マイナスも可。
margin: -10pxのように、CSS にはマイナスの長さがあります）。基準は、0 より大きい数です。全角数字も、自動で読み取ります。 - 結果は有効数字 7 桁で表示します（コピーは、表示どおりと、15 桁の高精度）。
出典
- W3C「CSS Values and Units Module Level 3」（絶対単位の定義、em・rem の定義。確認日：2026 年 10 月 26 日）
よくある質問
1rem は、何 px ですか？
ルート要素（html）の font-size しだいです。基準が 16px なら 16px ですが、html の font-size を変えると、1rem の大きさも変わります。基準を入力して、換算してください。
px と pt は、どちらを使うべきですか？
画面の表示には、px や rem がよく使われます。pt は、印刷向けの CSS で使われることが多い単位です。1pt ＝ 4/3 px なので、12pt ＝ 16px です。
em と rem の違いは、何ですか？
rem はルート要素（html）の font-size が基準で、どこで使っても同じ大きさです。em は、使う場所の font-size が基準なので、入れ子になると、大きさが変わっていきます。