ツールへスキップ
JoeLucky

ツールの ★ をクリックして保存

ツールカテゴリ

コードを画像にCSS グラデーションジェネレーターグラスモーフィズムジェネレーターBox Shadow ジェネレーターCSS ローディングアニメーションSVG Blob ジェネレーターSVG から PNG へ色のコントラストチェッカーPX/REM/EM 変換
JoeLucky

実用的なオンラインツールをひとまとめに

プライバシーポリシー利用規約

© 2026 JoeLucky®. All rights reserved.

  1. JoeLucky
  2. /CSS とデザイン
  3. /PX/REM/EM 変換

PX/REM/EM 変換

px、rem、em を相互変換します。ルートのフォントサイズを指定でき、一括リストにも対応します。

rem は常にこのルートのフォントサイズを基準に計算されます。

em はこの親要素/コンテキストのフォントサイズを基準に計算されます。上のルートサイズとは別の値です。

px

16

rem

1

em

1

類似ツール:CSS とデザイン

すべて見る
コードを画像に

コードを見栄えのよい共有用画像に変換。複数のテーマに対応

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

線形・放射状・円錐グラデーションを視覚的にデザインし、CSS コードをすぐにコピー

開く →
グラスモーフィズムジェネレーター

💬 コメント

?

まだコメントはありません。最初のコメントを書いてみましょう!

PX/REM/EM 変換とは?

PX/REM/EM変換ツールは、3つのCSS単位を相互に変換します。rem はルートのフォントサイズ、em は個別に調整できるコンテキストのフォントサイズを基準にします。

使い方

  1. 必要に応じて、ルートのフォントサイズとコンテキストのフォントサイズを調整します。
  2. 単一の値モードと一括リストモードを切り替えて変換します。

よくある質問

rem と em の本当の違いは何ですか?

rem は、どれだけ入れ子になっていても常にルート要素(通常は html)のフォントサイズを基準にします。em は現在の要素(またはその親)のフォントサイズを基準にし、入れ子にすると累積します。このツールは両者が混同されないよう、入力欄を意図的に分けています。

一括モードの数値形式に制限はありますか?

1行に1つの数値を入力してください。小数にも対応しています。解析できない行は、黙ってスキップされたり0として扱われたりせず、結果の表でエラーとして明示されます。

このツールは自分のCSSファイルを解析しますか?

いいえ。V1 は個々の値の変換のみを行います。CSSファイル全体の解析と自動変換はV2で予定している機能で、ここには含まれていません。

グラスモーフィズム効果をリアルタイムでプレビューし、ワンクリックで CSS コードをコピー

開く →