rem → px 変換ツール — rem をピクセルへ、即時・プライベート

ルート font-size をカスタマイズして rem を px に即変換。デフォルトで 1rem = 16px。双方向のリアルタイム変換、コピー対応、すべてブラウザ内で処理。

トラッキングなしブラウザで動作無料

ルート font-size

ピクセル（px）

Rem（rem）

プレビュー

いろはにほへとちりぬるを

CSS の rem 単位の正確性とアクセシビリティ指針の観点でレビュー済み — Go Tools エンジニアリングチーム · Jun 11, 2026

クイックリファレンス

1rem は何 px ですか？

1rem = 16px（16px 基準） ブラウザのデフォルトである 16px ルート font-size では、1rem はちょうど 16px に等しくなります。これが他のすべての変換の基準点です: px = rem × 16。

rem → px の式は？

px = rem × ルート font-size rem 値をルート font-size で掛けます。例えば 1.5rem × 16 = 24px。プロジェクトが 16px を使わない場合はツールの基準値を変更してください。

62.5% テクニックとは？

62.5% → 1rem = 10px html { font-size: 62.5% } を設定するとルートが 10px になり、1rem = 10px となって rem → px は「10 で掛けるだけ」になります。使うにはこのツールの基準値を 10 に設定してください。

rem → px 変換ツールとは？

rem → px 変換ツールは、rem 単位をピクセルの寸法に変換します。rem（"root em"）単位はルートの要素の font-size を基準とします: 1rem は常にルート font-size に等しく、ブラウザはこれをデフォルトで 16px に設定します。変換は単純な掛け算 — px = rem × ルート font-size — ですが、スタイルシートを読んだりデバッグしたりしながらすべての値で確認するのは繰り返しの手間で、このツールはそれを取り除きます。

開発者は通常、アクセシビリティとスケーラビリティのために CSS を rem で書きます: rem で書かれた値はユーザーのブラウザのフォントサイズ設定に合わせてスケールしますが、px の値は固定されたままです。とはいえ、ピクセルの数値が必要になる場面は数多くあります — デザインモックアップに合わせる、ピクセルで作業するデザイナーにサイズを引き渡す、px のみのプロパティを設定する、要素が特定のサイズで描画される理由をデバッグする、などです。そんなときにこそ、rem を px に戻す変換がまさに必要になります。

この変換ツールは rem 欄とピクセル欄をリアルタイムで連動させるので、どちらの方向にも移動でき、— 16px 基準を固定するツールとは違って — 任意のルート font-size を設定できます。これが重要なのは、62.5% テクニック（10px ルート）を使うスタイルシートは、デフォルトの 16px 設定とは異なるピクセル値に rem を変換するからです。ライブプレビューが変換後のテキストサイズを示し、参照表が素早く調べられるよう 16px 基準でのよくある rem 値を一覧表示します。

反対方向が必要ですか？px → rem 変換ツールを使ってください。スタイルシート自体を整えるにはCSS フォーマッターを、色の作業にはカラー変換ツールをお試しください。すべてブラウザ内で動作します — あなたの値が端末を離れることはありません。

/* The core formula */
/* px = rem × root-font-size (16px by default) */

:root {
  font-size: 16px; /* 1rem = 16px */
}

/* 1.5rem  -> 24px */
/* 1rem    -> 16px */
/* 0.75rem -> 12px */
/* 2rem    -> 32px */

/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12

この rem → px 変換ツールの主な機能

カスタムなルート font-size

16px だけでなく任意の基準値に対して変換できます。62.5%（10px）テクニックやプロジェクトの実際のルート font-size に合わせられます — ほとんどのツールは 16 を固定しています。

リアルタイムの双方向変換

rem 欄とピクセル欄がリアルタイムで連動します。どちらかを編集すると、もう一方が選択した基準値に対して即座に更新されます。

サイズプレビュー内蔵

プレビュー行が入力した rem サイズでテキストを描画するので、数値だけでなくスケール感を確認できます。

ワンクリックコピー

rem または px の値をワンクリックでクリップボードにコピーし、そのまま CSS やデザインツールに貼り付けられます。

参照用の変換表

16px 基準でのよくある rem 値とそのピクセル換算を載せた一覧表で、入力なしで素早く調べられます。

100% ブラウザ内・プライベート

すべての計算がブラウザ内でローカルに行われます。サーバーへのリクエストも、トラッキングも、データ保存もありません — あなたの値が端末を離れることはありません。

rem → px 変換の例

本文テキスト — 1rem を px へ

16px

デフォルトの 16px ルート font-size では、1rem はちょうど 16px に等しくなります。これは他のすべての変換の基準です: px = rem × 16。

見出し — 1.5rem を px へ

1.5

24px

1.5rem は 24px になります（1.5 × 16）。見出しはユーザーのフォントサイズ設定に合わせてスケールしつつ、見慣れたピクセルサイズに対応するよう、しばしば rem で書かれます。

小さなラベル — 0.75rem を px へ

0.75

12px

0.75rem は 16px 基準で 12px です。ピクセル値を確認すると、注釈が読みやすいままかを確かめられます。

余白 — 0.5rem を px へ

0.5

8px

0.5rem は 8px に等しくなります。デザインシステムでは padding や margin を rem で表現することが多く、px に戻すとピクセル精度のレビューに便利です。

大きな見出し — 2rem を px へ

32px

2rem はちょうど基準値の倍、32px です。このようなきれいな倍数は目立つ見出しによくあります。

ブレークポイント — 48rem を px へ

768px

48rem のメディアクエリ・ブレークポイントは 16px 基準で 768px になります — スケーラブルな単位で表現された見慣れたタブレット幅のしきい値です。

よくある rem 値を px に変換する方法

開発者が最もよく px に変換する rem 値のクイックリファレンス（デフォルトの 16px ルート font-size）。

1rem を px に変換する方法

1 rem → 16 px

1 を 16px のルート font-size で掛けると 16px になります。1rem は基準値です — デフォルト設定でちょうど 16px に等しく、他のすべての変換の基準点です。

1 rem → 16 px

1rem = 16px を覚えましょう。そこから半分にすれば 0.5rem（8px）、倍にすれば 2rem（32px）です。