CSS 単位変換ツール

px、em、rem、pt、%、vw間で変換。基本フォントサイズとビューポート幅を設定して正確な結果を取得。

px
px
Pixels (px)
16px
Em (em)
1em
Root Em (rem)
1rem
Points (pt)
12pt
Percent (%)
100%
Viewport Width (vw)
0.8333vw

クイックリファレンス

1em / 1rem = 16px

1pt = 1.333px

100% = 1em

1vw = 19.20px

オンラインでCSS単位を変換する方法

  1. 1.基本フォントサイズ（デフォルト16px、ほとんどのブラウザに一致）とビューポート幅（vw計算用）を設定します。
  2. 2.数値を入力し、入力単位（px、em、rem、pt、%、vw）を選択します。
  3. 3.すべての等価値が即座に計算・表示されます。
  4. 4.任意の結果の横にあるコピーをクリックしてクリップボードにコピーします。

よくある質問

emとremの違いは？

両方とも相対単位です。emは親要素のフォントサイズに対して相対的で、remは常にルート（html）要素のフォントサイズに対して相対的です。コンポーネント間で一貫したサイジングのためremが一般的に好まれます。

デフォルトの基本フォントサイズが16pxなのはなぜ？

すべての主要ブラウザはデフォルトのルートフォントサイズとして16pxを使用しています。CSSで上書きしない限り（例: html { font-size: 62.5%; }）、1rem = 16pxです。

vw単位をいつ使うべきですか？

vw（ビューポート幅）単位は、ブラウザウィンドウに合わせてスケールするレスポンシブタイポグラフィやレイアウトに便利です。1vwはビューポート幅の1%に等しいです。非常に小さなビューポートではテキストが読めなくなる可能性があるので注意して使用してください。

データはサーバーに送信されますか？

いいえ。すべての計算はブラウザ内でJavaScriptを使用して完全に実行されます。データの送信や保存は行われません。