他のツール
PX から EM 変換ツール
ピクセル(PX)とEM単位の相互変換ツール、コンテキストフォントサイズのカスタム設定に対応
PX → EM
変換式
PX → EM: em = px ÷ base
EM → PX: px = em × base
現在の基準値: 16px
一般的な変換対照表
| PX | EM (12px) | EM (16px) | EM (20px) | EM (24px) |
|---|---|---|---|---|
| 12px | 1.0000em | 0.7500em | 0.6000em | 0.5000em |
| 14px | 1.1667em | 0.8750em | 0.7000em | 0.5833em |
| 16px | 1.3333em | 1.0000em | 0.8000em | 0.6667em |
| 18px | 1.5000em | 1.1250em | 0.9000em | 0.7500em |
| 20px | 1.6667em | 1.2500em | 1.0000em | 0.8333em |
| 24px | 2.0000em | 1.5000em | 1.2000em | 1.0000em |
| 28px | 2.3333em | 1.7500em | 1.4000em | 1.1667em |
| 32px | 2.6667em | 2.0000em | 1.6000em | 1.3333em |
| 36px | 3.0000em | 2.2500em | 1.8000em | 1.5000em |
| 48px | 4.0000em | 3.0000em | 2.4000em | 2.0000em |
ツール概要：PX から EM 変換ツール
PX から EM 変換ツールは、上下文のフォントサイズを指定してピクセルと EM 単位を相互変換できます。コンポーネントのスケーラビリティや CSS タイポグラフィに便利です。
PX から EM 変換ツールとは？
PX から EM 変換ツールはPXとEMの変換を素早く行い、すぐ使える結果を出力します。
使い方
- PXの内容を貼り付けるかパラメータを入力します。
- EMの出力形式を選び、オプションを調整します。
- 結果を確認してコピーまたはダウンロードします。
よくある利用シーン
- PX↔EMのフォーマット移行
- PXデータをEMのワークフローやコード生成に利用
- 変換結果の仕様チェック
❓ よくある質問
Q1: 変換に失敗する/空になる？
A: PXの入力が正しいか確認してください。
Q2: 出力が違って見える？
A: EMのルールに合わせて整形される場合があります。
Q3: 一括処理は？
A: 安定のため小分けにして処理してください。
特徴
- PX と EM の双方向変換
- 上下文フォントサイズのプリセットと手入力に対応
- よく使う換算表を提供
変換式
- PX → EM:
em = px ÷ base - EM → PX:
px = em × base
例
- 16px、上下文 16px = 1em
- 24px、上下文 16px = 1.5em
- 18px、上下文 12px = 1.5em