ピクセルからrem

ピクセルとremを即時換算。よく使う値の換算表付き。

100% プライベート——すべてブラウザ内で動作

ピクセル→rem換算表

1 px = 0.0625 rem · 1 rem = 16 px

換算係数は 0.0625 です。値は 4 桁で丸めており、上の換算ツールと一致します。

rem = px ÷ 16 · px = rem × 16

ピクセル→rem
ピクセル（px）	rem（rem）
1	0.0625
2	0.125
4	0.25
8	0.5
10	0.625
12	0.75
14	0.875
16	1
18	1.125
20	1.25
24	1.5
32	2
48	3
64	4

rem→ピクセル
rem（rem）	ピクセル（px）
0.25	4
0.5	8
0.75	12
1	16
1.25	20
1.5	24
2	32
2.5	40
3	48
4	64

ブラウザ既定のルート文字サイズ 16px を基準にしています。16px は 1rem、24px は 1.5rem、12px は 0.75rem です。プロジェクトで別のルートサイズを設定している場合は、その値で割ってください。

使い方

1
ピクセルで数値を入力します。
2
remの値がすぐに表示されます。
3
よく使う値は表で確認できます。

使用例

16 ピクセル

入力

出力

1 rem

24 ピクセル

入力

出力

1.5 rem

よくある質問

1 ピクセルは何remですか？

1 px = 0.0625 rem です。

換算の精度はどのくらいですか？

結果は 4 桁で丸められ、換算表も同じ丸め方を使うため、両者は常に一致します。

ルート文字サイズが 16px でない場合は？

ピクセル値をプロジェクトのルートサイズで割ってください。ルートが 10px なら 20px は 2rem です。このページは 16px を前提にしています。

関連ツール

CSS ボックスシャドウ生成スライダーで CSS の box-shadow を調整し、プリセットとプレビュー付きでコードをコピーできます。角丸ジェネレーター4 つの角を個別に設定・連動させ、CSS の border-radius をコピーできます。CSS カラー生成ツールベースカラーから10段階のカラースケールを生成し、CSS 変数として出力。スラッグ生成タイトルや URL を SEO 向けのスラッグに変換。区切り文字や大文字小文字、Unicode を設定できます。ブラウザ情報・解像度チェッカー画面解像度、ビューポート、devicePixelRatio、GPU、CPU コア数、タイムゾーン、通信品質を 1 枚の表で。スケーリングの裏にある物理ピクセル数も表示します。単位変換長さ、重さ、温度、体積、面積、速度の単位を変換。