PX から REM 変換器
CSS ピクセル (px) と rem 単位間をカスタマイズ可能なベースフォントサイズで変換します。1px から 32px までのクイックリファレンステーブル付き。レスポンシブウェブデザインに必須。
パラメーター
変換する数値。
ピクセル単位のルート フォント サイズ (デフォルトのブラウザは 16 ピクセル)
px から rem または rem から px を選択。
結果
16px = 1rem (at 16px base)
その他の結果 (2)
font-size: 1rem; /* 16px */
すぐに使える CSS 宣言
px | rem ---|--- 1 | 0.0625 2 | 0.1250 3 | 0.1875 4 | 0.2500 5 | 0.3125 6 | 0.3750 7 | 0.4375 8 | 0.5000 9 | 0.5625 10 | 0.6250 11 | 0.6875 12 | 0.7500 13 | 0.8125 14 | 0.8750 15 | 0.9375 16 | 1.0000 17 | 1.0625 18 | 1.1250 19 | 1.1875 20 | 1.2500 21 | 1.3125 22 | 1.3750 23 | 1.4375 24 | 1.5000 25 | 1.5625 26 | 1.6250 27 | 1.6875 28 | 1.7500 29 | 1.8125 30 | 1.8750 31 | 1.9375 32 | 2.0000
Reference table: pixels to rem at 16px base
PX から REM 変換器を選ぶ理由
Px to Rem Converter は、レスポンシブ Web デザインのためにピクセルとレムの CSS 単位を即座に変換します。任意の値と基本フォント サイズを入力すると、すぐに使用できる CSS コード スニペットとクイック リファレンス テーブルとともに変換結果が得られます。
- ✓任意の基本フォント サイズで px を rem に、rem を px に変換します
- ✓コピー可能な CSS コード スニペットを生成します
- ✓1pxから32pxまでの早見表付き
- ✓正確な変換のための小数値をサポート
使い方
- 1変換したい値を入力してください
- 2基本フォント サイズを設定します (デフォルトは 16px、ブラウザのデフォルト)
- 3変換方向を選択します: px から rem または rem から px
- 4変換された値と CSS コード スニペットを表示する
- 5参照テーブルを使用して一般的な変換をすばやく検索する
よくある質問 (FAQ)
CSS のレム単位とは何ですか?
rem (ルート em) は、ルート要素 (html) のフォント サイズに対する相対的な CSS 単位です。親要素に相対的な em とは異なり、rem は常に同じ基本値を参照するため、ネストされた要素間のサイズ変更がより予測しやすくなります。
px の代わりに rem を使用する必要があるのはなぜですか?
rem を使用すると、ユーザーがアクセシビリティのためにブラウザのフォント サイズを変更したときに、デザインを比例して拡大縮小できます。ピクセルはユーザーの好みに応じない絶対単位ですが、rem はルートのフォント サイズ設定を尊重します。
ブラウザのデフォルトの基本フォント サイズはどれくらいですか?
All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.
24ピクセルをレムに変換するにはどうすればよいですか?
To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.
プロジェクトの基本フォント サイズを変更できますか?
Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.
信頼性の高い参考文献
関連ツール
同じ用途に役立つ便利なツールをさらに探索。