PX REM変換ツール

REM (root em) は常にルート要素（html）のフォントサイズに対する相対的なものです。ページ全体で一貫性があり予測可能です。一方、EMは親要素に対する相対的なものであり、累積します。つまり、親が1.2emで子が1.2emの場合、子はルートサイズの1.44倍になります。フォントサイズや一貫した間隔にはREMを、コンポーネント自身のフォントサイズに関連したスケーリングを意図的に行いたい場合（ボタンのパディングなど）にはEMを使用してください。

REMはユーザーのブラウザのフォントサイズ設定を尊重します。もしユーザーがアクセシビリティのためにブラウザのデフォルトを20pxに設定していれば、1remは20pxになり、あなたのレイアウトは比例的にスケーリングされます。PXの値は固定されており、この設定を無視します。REMを使用することで、サイトのアクセシビリティが向上し、ルートフォントサイズを変更するだけで全体のスケーリングが簡単になります。

PT (points) は印刷用の単位です：1pt = 1/72インチ。Webでは、標準的な画面解像度で12pt = 16pxになります。PTは時々プリント用スタイルシート（@media print）で使用されますが、通常のWeb CSSで使われることはほとんどありません。画面レイアウトにはPX、REM、またはEMを使い続けてください。

一括コンバーターのフィールドに複数のPX値を1行ずつ入力してConvertをクリックしてください。各値に対応するREM、EM、およびPTの値が単一のテーブルで表示されます。デザインシステムの移行や、既存のスタイルシートを一度にPXからREMへ変換する際に便利です。

CSS Variablesセクションは、一括変換の結果からコピー＆ペースト可能なCSSカスタムプロパティ宣言を生成します。例：--font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem。これらを直接 :root {} ブロックに貼り付けることができます。

CSSでhtml要素に設定しているフォントサイズを使用してください。何も設定していない場合は、ブラウザのデフォルト（16px）になります。一部の開発者は、計算を簡単にするために 1rem = 10px になるように html { font-size: 62.5% } を設定しています（例：24px = 2.4rem）。プロジェクトの実際のルートフォントサイズに合わせてベースサイズの入力を変更してください。

いいえ。すべての変換はJavaScriptを使用して、あなたのブラウザ内でローカルに計算されます。何も送信も保存もされません。ページが読み込まれた後はオフラインで使用することも可能です。