px ⇔ rem/em 変換 - CSS単位コンバーター
ベースフォントサイズを指定してpx/rem/emを相互変換。レスポンシブデザインのCSS単位変換に便利です。
px
px 結果
—
rem 結果
—
em 結果
—
参照テーブル
| px | rem | em |
|---|---|---|
| 8px | 0.5rem | 0.5em |
| 10px | 0.625rem | 0.625em |
| 12px | 0.75rem | 0.75em |
| 14px | 0.875rem | 0.875em |
| 16px | 1rem | 1em |
| 18px | 1.125rem | 1.125em |
| 20px | 1.25rem | 1.25em |
| 24px | 1.5rem | 1.5em |
| 32px | 2rem | 2em |
| 48px | 3rem | 3em |
| 64px | 4rem | 4em |
使い方
- ベースフォントサイズを入力(デフォルト16px)
- px値を入力するとrem/emに変換
- rem/emを入力するとpxに変換
よくある質問
- どの単位に対応していますか?
- px、rem、em、vw、vh、%の相互変換に対応しています。
- ベースフォントサイズは変更できますか?
- はい。rem/emの計算に使用するベースフォントサイズを自由に設定できます。
- データはサーバーに送信されますか?
- いいえ。すべての処理はブラウザ内で完結します。
- 基本的な使い方を教えてください。
- 変換元の値と単位を入力すると、px・em・rem・vw・vh等の各単位での換算値が一覧表示されます。ベースフォントサイズやビューポートサイズも設定できます。
- vwやvhの計算にはどの値を基準にしますか?
- ビューポートサイズはツール内で設定可能です。デフォルト値が設定されていますが、実際の画面サイズに合わせて変更することで正確な換算結果が得られます。
関連ツール
更新情報
最終更新日: 2026-02-21
- 2026-02-21 初回リリース