✨ 無料・登録不要

CSS単位変換器

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

基準値設定

px
px
px
px
px

変換

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インチ

このツールの詳細・使い方・FAQ

このツールについて

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

📐
6種類の単位

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

⚙️
ベースサイズ設定

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

📋
変換テーブル

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

使い方

  1. ベースサイズを設定

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

  2. 値を入力

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

  3. 変換結果を確認

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

よくある質問

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()と組み合わせるとさらに柔軟になります。

関連ツール