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時)。