コンテンツにスキップ
ToolsMinify logo
変換ツール

PXからREMへのコンバーター

設定可能なベースフォントサイズ（ブラウザデフォルト16px）でpx、rem、em間のCSS長さを変換。値を入力すると他単位が即更新し、`1.5rem`のようなCSSをコピー可能。クイックリファレンス表は現在のベースでの一般的pxサイズを一覧 - Tailwind風スケールやルートフォント実験に便利。すべてブラウザ内。HEX to…

PXからREMへのコンバーターについて

設定可能なベースフォントサイズ（ブラウザデフォルト16px）でpx、rem、em間のCSS長さを変換。値を入力すると他単位が即更新し、`1.5rem`のようなCSSをコピー可能。クイックリファレンス表は現在のベースでの一般的pxサイズを一覧 - Tailwind風スケールやルートフォント実験に便利。すべてブラウザ内。HEX to RGBコンバーターやピクセルからインチへのコンバーターと組み合わせてください。

PXからREMへのコンバーターの使い方

  1. ベースフォントサイズをpxで設定（デフォルト16）、または14や18などのプリセットをタップ。
  2. px、rem、emのいずれかに値を入力 - 他2フィールドが自動更新。
  3. 個別単位または3つまとめてスタイルシート用にコピー。
  4. 現在のベースでの一般的サイズはクイックリファレンス表を使用。何もアップロードされません。

PXからREMへのコンバーターの例

16pxベースで16px

ベース16pxなら16px = 1rem = 1em（ブラウザデフォルト）。

24pxをremに

24px / 16 = 1.5rem。中見出しやスペーシングトークンに有用。

カスタム10pxルート

html { font-size: 10px } なら20px = 2rem。ベースを10に変更して変換。

0.875rem本文

16pxベースで0.875rem = 14px - 一般的な小さめ本文サイズ。

一般的な使用例

  • デザインツールのpx値を流体CSS用remに変換
  • カスタムルートフォントサイズに対するremとemを確認
  • クイックリファレンス表でスペーシングスケールを構築・監査
  • Tailwind風pxステップをremトークンに変換
  • 同じ参照ベースでem vs remをプレビュー

PXからREMへのコンバーターに関するよくある質問

pxをremに変換するには？
pxをルートフォントサイズ（px）で割る。デフォルト16pxなら rem = px / 16。例：24px / 16 = 1.5rem。入力に合わせてこのツールが計算します。
remとemの違いは？
remはルート要素のフォントサイズ相対。emは親要素のフォントサイズ相対。ここでは選んだベースで両方を比較できます。
どのベースフォントサイズを使う？
htmlにfont-sizeがなければ多くのブラウザは16px。デザインシステムが html { font-size: 62.5% } や10px/18pxならそのpx値をベースに入力。
remやemをpxに戻せる？
はい。remまたはemを入力するとpxが更新。式：px = rem（またはem）× ベースフォントサイズ。
クイックリファレンス表の用途は？
現在のベースで一般的px（4〜96）とrem/emを一覧し、毎回入力せずスケールを確認できます。
入力はデバイスから離れますか？
いいえ。PX to REMコンバーターは完全にブラウザ内。値はアップロード・保存されません。

関連ツール

ピクセルとインチ変換

任意 DPI でピクセルとインチを相互変換。Web（96 DPI）と印刷（300 DPI）向け無料 px インチ計算。

HEX と RGB 変換

HEX と RGB（双方向）、HSL、CMYK、ティント・シェード、WCAG コントラスト、CSS トークンスニペット - 無料オンラインカラー変換。

RGB と HSL 変換

RGB と HSL を即相互変換。ライブスウォッチとコピー可能な rgb()/hsl() CSS の無料オンラインカラー変換。

CSSグラデーションジェネレーター

ライブプレビュー付きでCSS linear、radial、conicグラデーションを構築。カラーストップを選び、background CSSをコピーしてスタイルシートに貼り付け。ブラウザで動作。