本文へ
Nolasu
メニュー
ツール

CSS単位変換

このタブでデザインのピクセルを rem・em・ビューポート単位へ変換し、印刷単位の換算も並べて確認できます。

ブラウザ内で処理します

変換はこのブラウザ内で行います。値は送信しません。
CSS単位の変換はこのブラウザ内で完了します。値はこの端末内に留まり、送信しません。

有限の数値。小数可。

数値がいま表している CSS 単位。

rem 用。よくある値は 16。

em 用。

パーセント用。

vw 用。

vh 用。

数値と単位を入力してから変換します。

できること

よく使う相対単位

px・rem・em・%・vw・vh をまとめて変換。

文脈を設定可能

ルート／親フォント、親幅、ビューポートを調整。

印刷単位の参考

CSS 96ppi 基準で pt・cm・mm・in を表示。

ブラウザ内のみ

計算はこの端末内。値は送信しません。

使い方

  1. 数値を入力し、元の単位を選びます（例: 16 と px）。
  2. 必要に応じてルート・親のフォントサイズ、親幅、ビューポートを設定します。
  3. 変換を押し、必要な rem・em・vw などの結果をコピーします。

このツールについて

ブラウザ完結

本体の処理はこのタブの中で終わります。

アップロードなし

貼り付けた内容やローカルファイルは、処理のために送信しません。

無料・登録不要

アカウントを作らずに、中核の機能を使えます。

すぐ動く

アップロード待ちのキューはありません。

10の言語

同じツールを10の言語で公開します。

失敗が読める

壊れた入力は、黙って消えるのではなく理由を返します。

よくある質問

値は送信されますか？
いいえ。変換はこのブラウザ内で行い、値は送りません。
rem と em の違いは？
rem はルートのフォントサイズ基準、em は親要素のフォントサイズ基準です。文脈欄で両方設定できます。
vw / vh はどう計算しますか？
1vw はビューポート幅の 1%、1vh は高さの 1% です。対象ビューポートサイズを入力してください。
無料ですか？アカウントは必要ですか？
無料です。変換・コピーに登録は不要です。

関連ツール