px ↔ rem 変換ツール
px (기본: 16px)
1rem
font-size: 1rem;px ↔ rem Reference Table (Base Font Size: 16px)
| px | rem | コピー |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
最終更新: 2026年 · 無料オンラインツール
px ↔ rem 変換ツールとは?
CSS pxとrem単位を双方向変換し、参照表を提供する無料オンラインツール
使い方
- 1 基準を設定 — 基準フォントサイズを設定してください(デフォルト16px)。
- 2 値を入力 — pxまたはremの値を入力してください。
- 3 結果を確認 — 変換された値とCSSスニペットを確認してください。
- 4 参照表を活用 — 下部の参照表からよく使う値を直接コピーしてください。
関連ツール
よくある質問
remはルート要素(html)のfont-sizeを基準とする相対単位です。デフォルトは16pxです。
はい。上部で基準フォントサイズを変更すると、変換結果と参照表が自動的に更新されます。
emは親要素基準、remはルート(html)要素基準です。remの方が予測しやすいです。
はい、12.5px → 0.7813remのような小数点変換に対応しています。
いいえ。すべての計算はブラウザ内で行われます。