px→rem計算機

pxとremを、基準の文字サイズに合わせて相互に変換し、よく使うサイズの一覧も出します。

px
rem
px

pxをremにすると—

remをpxにすると—
一覧(px / rem)
—

計算式

使い方のヒント

ブラウザの標準は16pxです。ルートを62.5%(10px)にして、remを10倍の感覚で使う方法もありますが、ユーザーが文字サイズを変えたときの挙動に影響するので、注意が必要です。

計算例

初期値(px 24 px、rem(逆の変換) 1.5 rem、ルートの文字サイズ 16 px)のままで計算すると、pxをremにするとは 1.5 rem、remをpxにするとは 24 px になります。まずはこの値を基準に、自分の数値へ置き換えて確認してください。

たとえば「px」だけを 48 px に変えると、pxをremにするとは 3 rem、remをpxにするとは 24 px になります。結果がどの入力にどれだけ敏感かを見るときは、入力を1つずつ動かして比べるとわかりやすくなります。

関連ツール

よくある質問

px→rem計算機では何がわかりますか？

pxとremを、基準の文字サイズに合わせて相互に変換し、よく使うサイズの一覧も出します。

何を入力すればいいですか？

次の項目を入力します: px、rem(逆の変換)、ルートの文字サイズ。内容を変えると、結果もそれに合わせて変わります。

結果にはどんな項目が表示されますか？

「pxをremにすると」「remをpxにすると」「一覧(px / rem)」などが表示されます。

どんな計算式を使っていますか？

ページ内の「計算式」にまとめています。たとえば「rem = px ÷ ルートの文字サイズ」のような式です。

結果はどのくらい正確ですか？

処理は標準的な仕様に沿っています。本番で使う前に、実際の環境(ブラウザ・OS・言語)で動作を確認してください。

同じカテゴリ(CSS・単位)の他のツールはありますか？

はい。CSS単位変換機、CSS clamp計算機、CSSサイズ計算機、viewport単位計算機などがあります。

スマホでの利用、入力内容の扱い、結果のコピー、印刷など、全ツールに共通する質問は共通のよくある質問にまとめています。

関連記事