PXからREMへの​変換ツール。

デザインのピクセル値を、使っているルートのフォントサイズでCSS用のremに変換します。どちらの欄にも入力でき、一覧表にはよく使うサイズをまとめています。

ピクセルからREMへの換算(基準値 16 px)
pxrem
8px0.5rem
10px0.625rem
12px0.75rem
14px0.875rem
16px1rem
18px1.125rem
20px1.25rem
24px1.5rem
28px1.75rem
32px2rem
36px2.25rem
40px2.5rem
48px3rem
56px3.5rem
64px4rem
72px4.5rem
80px5rem
96px6rem

無料ツールです。保証も責任も負いません。結果はtransjt.aiの無料ツールが自動で生成したものにすぎません。不完全だったり誤っていたりする場合があります。transjt.aiは、これに基づく判断や変更について一切の保証をせず、責任も負いません。使用する前に、すべての結果を必ず確認してください。

仕組み

PXから​REMへ、​3ステップで。

  1. 01

    ルートのフォントサイズを設定

    サイトでhtmlのフォントサイズを変更していなければ16 px。

  2. 02

    ピクセル数を入力

    入力と同時にremの値が表示されます。逆方向の変換もできます。

  3. 03

    値をコピー

    1.5remのような形で、そのままCSSに貼り付けられます。

  4. AIで作ったサイトで試してみましょう。

    今日​デザインして、​明日​公開。

    無料で始めるデモを予約
FAQ

質問と回答。

変換の前によく寄せられる質問。

デモを予約
  • ピクセル数をルートのフォントサイズで割ります(rem = px ÷ ルートのフォントサイズ)。ブラウザーの初期値である16 pxなら、24 pxは24 ÷ 16 = 1.5remです。

  • ルート要素(html)のフォントサイズを基準にしたCSSの長さの単位です。サイトや閲覧者が変更しない限り、ブラウザーは16 pxに設定します。

  • remで指定したサイズは閲覧者のフォントサイズ設定に合わせて大きくなるため、大きな文字が必要な人にとっても、文字や余白が読みやすいままです。ピクセルで指定したサイズは固定です。

  • ルートを10 pxにして1remを10 pxにし、計算をしやすくする指定です。このようなサイト向けに変換するには、上のルートのフォントサイズを10に設定してください。

  • はい。登録不要で、制限もありません。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。