無料・登録不要

CSS単位変換器

px, rem, em, %, vw, vh を相互変換

このツールをシェア

シェア送るシェア

基準値設定

ルートフォントサイズ (html)

親要素フォントサイズ

ビューポート幅

ビューポート高さ

コンテナ幅 (%基準)

変換

変換する値

px 16

rem 1

em 1

% 1.333

vw 0.833

vh 1.481

pt 12

よく使う変換

単位の説明

px (ピクセル)

絶対単位。1px = 1/96インチ（標準）

rem

ルート要素(html)のフォントサイズに相対

em

親要素のフォントサイズに相対

% (パーセント)

親要素のサイズに相対

vw / vh

ビューポートの幅/高さの1%

pt (ポイント)

印刷用。1pt = 1/72インチ

このツールについて

CSS単位（px、rem、em、vw、vh、%）を相互変換する無料ツールです。ベースサイズを設定して各単位間の換算値を即座に確認。レスポンシブデザインの実装をサポートします。

6種類の単位

px、rem、em、vw、vh、%の相互変換

ベースサイズ設定

ルートフォントサイズやビューポート幅を設定

変換テーブル

よく使うサイズの一覧表を出力

活用シーン

Webデザイナー

デザインカンプのpx値をremに変換したいとき

ベースサイズを設定して一括で全単位に変換

フロントエンドエンジニア

レスポンシブデザインでvw/vhの値を計算したいとき

ビューポート設定に応じた正確な換算値を即座に取得

コーダー

clamp()やcalc()で使う値の基準を確認したいとき

px/rem/vwの相互変換を一覧表で比較確認

使い方

ベースサイズを設定

ルートフォントサイズ（デフォルト16px）とビューポート幅を設定します。

値を入力

変換元の値と単位を入力します。

変換結果を確認

他のすべての単位に自動変換された値を確認します。

よくある質問

remとemの違いは？

remはルート要素（html）のフォントサイズ基準、emは親要素のフォントサイズ基準です。一般的にはremの使用が推奨されます。

1remは何pxですか？

デフォルトでは1rem=16pxです。ただし、html要素のfont-sizeを変更している場合はその値に依存します（例：62.5%なら1rem=10px）。

vwとvhとは？

vwはビューポート幅の1%、vhはビューポート高さの1%です。100vw=画面幅100%、100vh=画面高さ100%になります。

レスポンシブデザインにはどの単位がおすすめ？

フォントサイズにはrem、余白にはrem、レイアウトにはvwや%が一般的です。clamp()と組み合わせるとさらに柔軟になります。