このツールについて
ルート要素の文字サイズを基準に、ピクセル値をremに変換します。既定の基準は16pxです。プロジェクトに合わせて10、14、18など、0より大きい値に変更できます。
使い方
- 変換するpx値を入力します。
- プロジェクトで使用しているルート文字サイズを、0より大きい値で指定します。
- 変換結果と計算の説明を確認します。
- remの結果をコピーするか、クリアして別のサイズを変換します。
使用例
- 32px ÷ 16px = 2rem。
- 24px ÷ 16px = 1.5rem。
- 20px ÷ 10px = 2rem。
計算の仕組み
計算式はrem = px / rootFontSizeです。095と096は同じ単位変換処理を使用し、表示する小数桁数を適切に制限して末尾の不要な0を除きます。ブラウザーのルート文字サイズは通常16pxですが、プロジェクトのCSSやユーザー設定で異なるため、実際の基準値を指定してください。
主な用途
- デザインのピクセル寸法をremに変換する。
- プロジェクトの余白や文字サイズの単位を統一する。
- ルート文字サイズによる変換結果の違いを確認する。
プライバシーについて
入力、計算、CSSの生成、プレビューはすべてお使いのブラウザー内で完結します。入力内容をアップロードせず、バックエンド、データベース、オンラインAPI、外部CDNも使用しません。入力の自動保存も行いません。
FAQ
remとは何ですか？
文書のルート要素の文字サイズを基準にしたCSSの長さの単位です。ルート要素は通常htmlです。
1remは何pxですか？
ルート文字サイズによって決まります。16pxなら1rem = 16px、10pxなら1rem = 10pxです。
ルート文字サイズを0にできないのはなぜですか？
pxからremへの変換ではルート文字サイズで割るため、0だとゼロ除算になります。また、負の値は有効な文字サイズではありません。
remとemの違いは何ですか？
remはルート要素の文字サイズが基準です。emは通常その要素の文字サイズを基準にし、font-sizeで使う場合は親要素の計算済み文字サイズを基準にします。