px ↔ rem 変換ツール
カスタム可能なルートフォントサイズを基準にCSSのpxとrem単位を双方向変換し、コピー可能な参照表とCSSスニペットを提供する無料オンラインツールです。 CSV・JSON・色・時刻など異なるデータ形式を変換したいときに便利で、すべてブラウザ内で処理されるため入力データが外部に送信されず、インストールや登録なしで無料で利用できます。
px（基準: 16px）
1rem
font-size: 1rem;px ↔ rem 早見表 (基準フォントサイズ: 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単位を双方向変換し、コピー可能な参照表とCSSスニペットを提供する無料オンラインツールです。 CSV・JSON・色・時刻など異なるデータ形式を変換したいときに便利で、すべてブラウザ内で処理されるため入力データが外部に送信されず、インストールや登録なしで無料で利用できます。
使い方
- 1基準を設定— 基準フォントサイズを設定してください（デフォルト16px）。
- 2値を入力— pxまたはremの値を入力してください。
- 3結果を確認— 変換された値とCSSスニペットを確認してください。
- 4参照表を活用— 下部の参照表からよく使う値を直接コピーしてください。
関連ツール
CSS単位リファレンスpx・em・rem・%・vw・vh・vmin・vmax・chなどCSS単位をカテゴリ別に整理し、用途と使い方を解説する無料リファレンス。 コーディング中にすぐ調べたいコード・記号・ショートカット情報を一か所で確認でき、ブラウザ上で即座に検索・コピーでき、登録やインストールなしで無料で使えます。 結果はワンクリックでコピーして、すぐに活用できます。
CSSグラデーションジェネレーターlinear・radial・conicのCSSグラデーションを作成し、カラーストップや角度を調整してCSSコードをコピーできる無料ツール。 テストや開発で必要な値をその場で生成でき、処理はすべてブラウザ内で行われるためデータが外部に送信されず、登録なしで無料で利用できます。 結果はワンクリックでコピーして、すぐに活用できます。
カラーコード変換ツールHEX・RGB・HSL・OKLCHのカラーコードを双方向に即変換し、2色のWCAGコントラスト比を計算してアクセシビリティ基準の適合を確認できる無料オンラインツール。 CSV・JSON・色・時刻など異なるデータ形式を変換したいときに便利で、すべてブラウザ内で処理されるため入力データが外部に送信されず、インストールや登録なしで無料で利用できます。
CSSボックスシャドウジェネレーターオフセット・ぼかし・広がり・色・内側影（inset）を調整しながらbox-shadowをリアルタイムでプレビューし、完成したCSSコードをコピーできる無料オンライン生成ツール。 テストや開発で必要な値をその場で生成でき、処理はすべてブラウザ内で行われるためデータが外部に送信されず、登録なしで無料で利用できます。
よくある質問
remはルート要素（html）のfont-sizeを基準とする相対単位です。デフォルトは16pxです。
はい。上部で基準フォントサイズを変更すると、変換結果と参照表が自動的に更新されます。
emは親要素基準、remはルート（html）要素基準です。remの方が予測しやすいです。
はい、12.5px → 0.7813remのような小数点変換に対応しています。
いいえ。すべての計算はブラウザ内で行われます。