PX から REM 変換ツール

ピクセル(PX)とREM単位の相互変換ツール、基準フォントサイズのカスタム設定に対応

PX → REM

変換式

PX → REM: rem = px ÷ base

REM → PX: px = rem × base

現在の基準値: 16px

一般的な変換対照表

PXREM (12px)REM (16px)REM (20px)REM (24px)
12px1.0000rem 0.7500rem 0.6000rem 0.5000rem
14px1.1667rem 0.8750rem 0.7000rem 0.5833rem
16px1.3333rem 1.0000rem 0.8000rem 0.6667rem
18px1.5000rem 1.1250rem 0.9000rem 0.7500rem
20px1.6667rem 1.2500rem 1.0000rem 0.8333rem
24px2.0000rem 1.5000rem 1.2000rem 1.0000rem
28px2.3333rem 1.7500rem 1.4000rem 1.1667rem
32px2.6667rem 2.0000rem 1.6000rem 1.3333rem
36px3.0000rem 2.2500rem 1.8000rem 1.5000rem
48px4.0000rem 3.0000rem 2.4000rem 2.0000rem

ツール概要:PX から REM 変換ツール

PX から REM 変換ツールは、基準フォントサイズを指定してピクセルと REM 単位を相互変換できます。レスポンシブなタイポグラフィやスケーラブルなレイアウトに便利です。

PX から REM 変換ツールとは?

PX から REM 変換ツールはPXとREMの変換を素早く行い、すぐ使える結果を出力します。

使い方

  1. PXの内容を貼り付けるかパラメータを入力します。
  2. REMの出力形式を選び、オプションを調整します。
  3. 結果を確認してコピーまたはダウンロードします。

よくある利用シーン

  • PX↔REMのフォーマット移行
  • PXデータをREMのワークフローやコード生成に利用
  • 変換結果の仕様チェック

❓ よくある質問

Q1: 変換に失敗する/空になる?
A: PXの入力が正しいか確認してください。

Q2: 出力が違って見える?
A: REMのルールに合わせて整形される場合があります。

Q3: 一括処理は?
A: 安定のため小分けにして処理してください。

特徴

  • PX と REM の双方向変換
  • 基準フォントサイズのプリセットと手入力に対応
  • よく使う換算表を提供

変換式

  • PX → REM: rem = px ÷ base
  • REM → PX: px = rem × base

  • 16px、基準 16px = 1rem
  • 24px、基準 16px = 1.5rem
  • 18px、基準 12px = 1.5rem