このツールについて
ルート要素の文字サイズを基準に、ピクセル値をremに変換します。既定の基準は16pxです。プロジェクトに合わせて10、14、18など、0より大きい値に変更できます。
使い方
- 変換するpx値を入力します。
- プロジェクトで使用しているルート文字サイズを、0より大きい値で指定します。
- 変換結果と計算の説明を確認します。
- remの結果をコピーするか、クリアして別のサイズを変換します。
使用例
- 32px ÷ 16px = 2rem。
- 24px ÷ 16px = 1.5rem。
- 20px ÷ 10px = 2rem。
計算の仕組み
rem = px ÷ ルートの文字サイズです。ルートが 16px なら 24px = 1.5rem です。一般的な既定値は 16px ですが、サイトのスタイルや利用者の設定で変わるため、実際の値を指定してください。
主な用途
- デザインのピクセル寸法をremに変換する。
- プロジェクトの余白や文字サイズの単位を統一する。
- ルート文字サイズによる変換結果の違いを確認する。
プライバシーについて
入力内容と結果はブラウザー内でのみ処理され、アップロードや自動保存はされません。残したい結果はコピーして保存してください。
FAQ
remとは何ですか？
文書のルート要素の文字サイズを基準にしたCSSの長さの単位です。ルート要素は通常htmlです。
1remは何pxですか？
ルート文字サイズによって決まります。16pxなら1rem = 16px、10pxなら1rem = 10pxです。
ルート文字サイズを0にできないのはなぜですか？
pxからremへの変換ではルート文字サイズで割るため、0だとゼロ除算になります。また、負の値は有効な文字サイズではありません。
remとemの違いは何ですか？
remはルート要素の文字サイズが基準です。emは通常その要素の文字サイズを基準にし、font-sizeで使う場合は親要素の計算済み文字サイズを基準にします。