CSS単位コンバーター

数値を入力してpx・rem・em・vw・vh・%を即変換。コピーしてそのまま使えます

元の単位
  • 200.000px
    そのまま
  • 12.500rem
    ÷ 16(ルートフォントサイズ)
  • 12.500em

    em は親要素のフォントサイズ基準(ここではルートフォントサイズを使用)

    ÷ 16(ルートフォントサイズ)
  • 13.889vw
    ÷ 1440 × 100
  • 22.222vh
    ÷ 900 × 100
  • 20.000%
    ÷ 1000(親要素サイズ)
/* プロパティ名は用途(width, font-size, padding など)に合わせて変更してください */
width: 200.000px;
width: 12.500rem;
width: 12.500em;
width: 13.889vw;
width: 22.222vh;
width: 20.000%;

使い方

  1. 上の入力フィールドに変換したい数値を入力しよう(例: 200)。
  2. 元の単位ボタン(px / rem / em / vw / vh / %)をクリックして、入力値の単位を選ぼう。
  3. 各行の 📋 ボタン で1つずつコピーするか、 「📋 CSSをコピー」 ボタンで全部まとめてコピーしよう!
  4. ルートフォントサイズやビューポートサイズを変えたいときは 「基準値の設定」を開いて調整できるよ。

このツールと一緒に学ぼう

関連ツール

詰まったら、ここから質問してね ❓

僕が直接返事するので、数日以内に届きます。

質問フォームへ