PX・REM変換器
基準のフォントサイズに応じてピクセル値とrem値を変換します。
入力
例の値が入力されています。直接確認するか、値を変更してみてください。
入力はブラウザで処理されます。再読み込みすると例の値に戻ります。
結果
入力された例値を直接使用して結果を確認するか、値を変更してみてください。
ブラウザの実際のルートフォントを直接入力してください。デフォルトの例は16pxです。
結果を共有
ツールリンクと結果テキストを一緒に共有します。結果にはURLを入れません。以下の内容を確認して共有してください。
計算・変換基準
ルートフォントのサイズに合わせてpxとremに変換します。
rem = px ÷ ルートフォントpx
入力例
16px / 基準 16px = 1rem
ルートフォントが16pxの場合、24pxは24÷16=1.5remです。ルートが20pxの場合、同じ24pxも1.2remですので、実際の設定を確認してください。
使用方法
- 入力された例の値を使用するか、値、ルートフォントサイズ（px）、入力単位の項目を変更してください。
- 結果を確認を押して下の結果を確認してください。
- 必要なら、結果をコピーして取り出すことができます。
よくある質問
remとemは同じ単位ですか？
remはルート要素のフォントサイズを基準とします。emは使用する属性と要素のフォントサイズによって基準が変わるため、このツールのrem結果をそのままemに変換してはいけません。
計算基準と参考資料
- W3C — CSS Values and Units
rem·px·vw単位とclamp()関数