CSS Unit Converter
px ↔ rem 変換ツール
pxとremを入力中にすぐ変換。基準フォントサイズや小数点以下の桁数も、プロジェクトに合わせて変更できます。
Converter
px ↔ rem を変換
どちらの欄からでも入力できます。
変換元
変換結果
Settings
変換設定
Quick reference
よく使う値の対応表
現在の基準値: 16px
| px | rem |
|---|---|
| 4px | 0.25rem |
| 8px | 0.5rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 40px | 2.5rem |
| 48px | 3rem |
| 64px | 4rem |
Guide
使い方
- pxまたはremの値を、単位を付けずに入力します。
- 必要に応じて基準フォントサイズと表示精度を調整します。
- コピーを押すと、整形済みの値を単位付きでコピーできます。
Formula
計算式
rem = px ÷ 基準フォントサイズ
px = rem × 基準フォントサイズ
基準値が16pxの場合、24pxは1.5remです。