PX REM変換ツール
カスタマイズ可能なベースサイズでPX、REM、EM、PT CSS単位を変換
単位変換ツール
クイックリファレンス表
| PX | REM | EM | PT |
|---|
CSS変数出力
使用例
タイポグラフィスケール
レスポンシブウェブデザインのために、完全なタイポグラフィスケールをピクセルからREMに変換します。
レスポンシブレイアウト
流動的なレスポンシブレイアウトのために、間隔とサイズの値をPXからREMに変換します。
CSS変数
ピクセルベースのデザインシステムからREM値のCSSカスタムプロパティを生成します。
機能
双方向変換
任意の単位から他のすべてに即座に変換 — PX、REM、EM、PT
クイックリファレンス表
一般的なピクセル値とREM、EM、PT相当値を一目で確認
一括変換
複数のPX値を一度に貼り付けて、ワンクリックですべての変換を取得
プライバシー重視
すべての単位変換はブラウザ内でローカルに処理され、サーバーにデータは送信されません
使い方
ベースサイズを設定
ベースフォントサイズを設定します(デフォルトは16px)。REMとEM計算の参照として使用されます。
値を入力
任意の単位フィールド(PX、REM、EM、PT)に値を入力すると、他のすべてが自動的に更新されます。
結果をコピー
個別の値、リファレンス表、またはCSS変数出力をプロジェクト用にコピーします。
よくある質問
PX to REM Converterとは?
Set your base font size, type a value in any unit, and see all the others update instantly. Includes a quick reference table, bulk converter, and CSS custom properties output.
主な機能
Bidirectional conversion between PX, REM, EM, and PT. Customizable base font size, reference table for common values, bulk conversion mode, CSS variables output.
よくある使い方
Building responsive websites with REM units, converting legacy PX-based designs, ensuring accessibility by respecting user font size preferences, or generating CSS variables for design systems.
ヒント
REM is relative to the root element font size (usually 16px). EM is relative to the parent element. REM is more predictable for consistent sizing across components.
プライバシー
All calculations happen in your browser. Nothing is sent to a server.