CSSユニットコンバーター

値を入力し、変換するユニットを選択してください。'em'、'rem'、'vw'、'vh'、'%'の計算のために詳細設定を調整してください。

CSSユニットコンバーター

変換元ユニット

変換先ユニット

Common CSS Unit Conversions

ユニットの定義

px (Pixels): ピクセル; 表示デバイスに相対的な絶対単位。

em: 親要素のフォントサイズに対する相対単位。

rem: ルート(html)要素のフォントサイズに対する相対単位。

vw/vh: ビューポート幅の1%。

%: 同じプロパティの親要素の値に対する相対値（例：親のフォントサイズに対するフォントサイズ変換）。

pt (Points): ポイント; 絶対単位 (1pt = 1インチの1/72)。

in, cm, mm: インチ; 絶対単位 (1in = 96px)。, センチメートル; 絶対単位 (1cm ≈ 37.8px)。, ミリメートル; 絶対単位 (1mm = 1センチメートルの1/10)。

CSSユニットコンバーターの使い方

1
値と単位を入力する
変換したい数値を入力し、px から rem のように「From」単位と「To」単位を選びます。
2
詳細なコンテキストを設定する
相対単位の場合は「Advanced Settings」を開き、計算に使うルートフォントサイズ、親要素のフォントサイズ、ビューポートの幅と高さを設定します。
3
変換する
「Convert」をクリックして相当する値を計算するか、「Swap」で「From」単位と「To」単位を入れ替えます。

どの CSS 単位の間で変換できますか?

px、em、rem、%、vw、vh、pt、in、cm、mm の間で変換でき、絶対単位と、現代の CSS で使われるレスポンシブな相対単位の間を自由に行き来できます。

em、rem、ビューポートの変換に追加の設定が必要なのはなぜですか?

これらの単位は相対値なので、ピクセル値はコンテキストに依存します。詳細設定では、rem のルートフォントサイズ、em と % の親フォントサイズ、vw と vh のビューポート幅・高さを指定でき、実際のレイアウトに合った結果が得られます。

基準とするフォントサイズはいくつを想定していますか?

既定では、em と rem の変換に一般的なブラウザのルートフォントサイズである 16px を使います。設計が異なる基準を用いる場合は、「Advanced Settings」でルートと親のフォントサイズを上書きできます。

絶対単位の変換はどのくらい正確ですか?

絶対単位は CSS 仕様に従い、1in は 96px、1pt は 1インチの 1/72、1cm は約 37.8px です。そのため px、pt、in、cm、mm の間の変換は正確です。

コンバーターは無料で、ローカルで動作しますか?

はい。登録不要で無料、モバイルでも動作し、すべての計算をブラウザ内で行うためデータがサーバーに送信されることはありません。