← ツール一覧
[ 05 / デザイン ]
PX ↔ REM変換
ルートの文字サイズを基準に、px・rem・emを変換。早見表もコピーできます。
値を変換
任意。emの計算に使います。空欄の場合はルートと同じ値になります。
よく使うサイズ
| px | rem | コピー |
|---|---|---|
| 2px | 0.125rem | |
| 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 |
CSSをまとめて変換
入力して始めましょう。
remはルート(html)のフォントサイズ、emは親要素のフォントサイズが基準です。url()内の値はそのまま残し、0は単位を省きます。
入力したテキストや色はブラウザ内で処理され、アップロードされません。