px / rem 変換

pxとremを相互変換。フォントサイズ・余白の指定に。基準フォントサイズ変更可能。

このツールについて

px(ピクセル)は絶対単位、rem(root em)はルート要素のフォントサイズを基準とした相対単位です。remを使うと、ユーザーのブラウザ設定に応じて文字サイズがスケールするため、アクセシビリティやレスポンシブデザインに有利です。デザインカンプは多くの場合pxで指定されているため、実装時にremへの変換が必要になります。このツールでは、pxとremを相互に変換できます。基準フォントサイズ(デフォルト16px)は変更可能なので、プロジェクトの設定に合わせて調整できます。

px

rem

使い方

pxまたはremの値を入力すると相互に変換されます。基準フォントサイズ(デフォルト16px)は変更可能。

いつ使うか

デザインのpx指定をremに変換したい、アクセシブルなフォントサイズ設計、レスポンシブ対応の余白計算に。

使用例

16px = 1rem、24px = 1.5rem(基準16px時)。

関連ツール