px・rem・em・%・vw・vh などの CSS 単位を瞬時に相互変換します。
結果
1rem
16px換算
一般的な変換 (基準 16px)
The IT Hustle の無料CSS単位変換ツールで、px・rem・em・%・vw・vhなどのCSS単位を相互変換しましょう。
フォントサイズや余白にはremを使うことで、ユーザーのアクセシビリティ設定を尊重できます。ボーダーや影、サブピクセルレンダリングが不要な細かい値にはpxが適しています。remはブラウザのフォントサイズ設定に追従するのがポイントです。
html { font-size: 62.5% } と設定すると1remが10pxになり（デフォルトの16pxから変更）、計算が直感的になります（1.6rem = 16px、2rem = 20px など）。ただし、サードパーティのコンポーネントに影響することもあり、賛否があります。
remはルート要素のフォントサイズ（通常16px）を基準にします。emは親要素のフォントサイズを基準にするため、入れ子になると複合的に変化し予測が難しくなります。一貫性を保つためにremが一般的に推奨されています。