無料Webツール

CSS単位変換(px/rem/em/vw/vh)

基準フォントサイズとビューポートを指定してpx・rem・em・vw・vhを相互換算します。

入力と設定

使い方

基準フォントサイズとビューポートを指定してpx・rem・em・vw・vhを相互換算します。

  1. 元データや数値を入力します。
  2. 必要な設定だけ変更します。
  3. 実行後に結果を確認し、コピーまたは再利用します。

CSS単位変換は基準値に注意

pxとrem・emの変換には基準となるフォントサイズが必要です。vw・vhはビューポート寸法に依存するため、固定値として置き換えるとレスポンシブ挙動が変わります。変換結果は「同じ見た目を一時的に再現する値」として使い、最終的にはコンポーネントの基準フォントやレイアウト設計に合わせて調整してください。