How to Use
- 「ベースサイズ」フィールドで、プロジェクトの
html font-sizeを確認します。一般的なデフォルト値は 16px です。 - PX入力欄に、デザインの値（例:
24）を入力します。 - REM入力欄が即座に
1.5remに更新されます。逆に2remと入力して32pxを得ることもできます。 - 以下のチートシートを使用して、一般的なフォントサイズ、余白値、およびTailwindスペーシングの対応関係を参照します。
Core Features
- 即時双方向変換: 計算ボタンを押す必要なく、PXまたはREMを入力すると即座に逆の値が算出されます。
- カスタムベースフォントサイズ: デフォルトの 16px から開始するか、10px、14px、またはプロジェクト独自の設定値に切り替えられます。
- 内蔵チートシート: 12px、16px、24px、32px相当の値など、ベースサイズに応じて一般的なサイズが自動で更新されます。
- Tailwindスペーシング参照: ピクセル値に対応する一般的なTailwindスペーシングトークンを表示します。
- ローカルで高速: すべての計算はネットワークリクエストを発生させず、ブラウザのメモリ内で処理されます。
Related Tools
インフレ調整に対応した 2026 年版のFIRE計画計算機。将来の購買力をシミュレーションし、リタイアメントに必要な資産との差分（ギャップ）を分析。ExcelやNotionの管理用ダッシュボードに適したCSVをワンクリックで書き出せます。100%プライベートなクライアントサイド計算。
口座資金、許容リスク比率（%）、エントリー価格、ロスカット価格から取引ポジションサイズを計算します。データは送信されず、ブラウザ上で安全に複数のリスクシナリオを比較できます。
元本、毎月の積立額、想定利回り（年利）、運用期間から将来の複利効果を計算します。元本、運用益、合計残高をインタラクティブなグラフで視覚化。データは送信されません。
元利均等および元金均等返済方式に対応したローンシミュレーター。毎月の返済額、金利総額、返済スケジュール表を計算し、グラフや表で可視化します。
初期投資額、毎月の積立額、想定利回り、およびインフレ調整後の結果をローカルで計算します。複利グラフ、投資収益率（ROI）、年次推移表を用いて将来の資産推移をシミュレーションできます。
APR（名目年利率）と APY（実質年利率）をローカルで相互変換します。金利を入力し、複利計算の頻度を選択すると、実質金利、スプレッド、および頻度の比較結果が即座に表示されます。
粗利益、マークアップ（値入率）、マージン（粗利益率）、および販売価格をローカルで計算します。原価と売価、または原価と目標マージンを入力するだけで、即座に計算結果が表示されます。
CPM（インプレッション単価）とCPC（クリック単価）をローカルで計算します。予算、表示回数、クリック数、CPM、CPC、CTRを即座にシミュレーションし、広告キャンペーンの計画に役立ちます。
Calculation Logic
- PXからREMへの変換式:
REM = PX / ベースサイズ - REMからPXへの変換式:
PX = REM × ベースサイズ - ブラウザのデフォルトのルートサイズでは、
16px = 1rem、24px = 1.5remとなります。
FAQ
1remは何ピクセルですか？
ほとんどのブラウザでは、デフォルトで 1rem = 16px です。プロジェクトで html { font-size } が変更されている場合は、そのルートサイズを指定してください。
PXとREMの違いは何ですか？
PXは絶対的なピクセル単位です。REMはルートフォントサイズに対する相対的な単位であり、ユーザーのフォントサイズ設定を考慮したレスポンシブなレイアウトに適しています。
なぜ一部のプロジェクトでは 10px ベースが使用されるのですか？
チームによっては、暗算を簡単にするために html { font-size: 62.5%; } と設定し、1rem がほぼ 10px になるようにしています。これを採用する前に、アクセシビリティへの影響を検討してください。
EMへの変換にも対応していますか？
いいえ。このツールはPXとREMに特化しています。EMは現在の要素のフォントサイズに依存するため、このツールと同じ単純な変換としては扱われません。
CSSやデザインデータがアップロードされることはありますか？
いいえ。変換はサーバー計算やファイルアップロードを一切行わず、ブラウザのローカルで完結します。