Skip to main content
CalculoraCalculora

金融・ビジネス

金融計算機投資&プランニング個人財務不動産投資ビジネスツールスタートアップ&ソフトウェア企業

数学・テクノロジー

数学計算機エンジニアリングツール物理ツール開発者ツール学校ツール

健康・生活

医療ツールスマートユーティリティランダムジェネレーター

クリエイター・スペシャル

クリエイターエコノミーイスラムツールサステナビリティゲーム

コンバーター

単位換算ツール長さ換算ツール重量換算ツール温度換算ツール→ 単位換算ツール

ランダムジェネレーター

乱数生成機パスワード強度チェッカースピンホイールコイントスシミュレーターサイコロローラータイムゾーン重複計算機→ ランダムジェネレーター
ファイル変換

PDF ツール

PDFをJPGに変換PDFをPNGに変換PDF を TXT に変換しますPDFをGIFに変換PDFをWebPに変換PDFをSVGに変換PDF を DOCX に変換しますPDFをExcelに変換PDFをPowerPointに変換PDFをHTMLに変換PDFをMarkdownに変換PDFをTIFFに変換

画像変換

JPGをPNGに変換PNGをJPGに変換PNGをWebPに変換WebPをPNGに変換WebPをJPGに変換JPGをWebPに変換SVGをPNGに変換SVGをJPGに変換SVGをWebPに変換BMPをPNGに変換BMPをJPGに変換BMPをWebPに変換

高度な画像

HEICをJPGに変換HEICをPNGに変換TIFFをJPGに変換TIFFをPNGに変換JPGをTIFFに変換PNGをTIFFに変換JPGをICOに変換PNGをICOに変換JPEG を AVIF に変換しますPNGをAVIFに変換

GIF・アニメーション

GIFフレームをPNGに変換GIFフレームをJPGに変換GIF を個別のフレームに変換する (PNG/JPEG)PNGをGIFに変換JPGをGIFに変換GIFをWebPに変換

編集

透かしを追加画像オブジェクト除去ブラウザで瞬時に画像をリサイズ画像をオンラインで圧縮 — ファイルサイズを削減、品質を維持
数学スピードチャレンジメンタル計算チャレンジワードルビントワラド数独2048
通貨コンバーター
CalculoraCalculora

オールインワンの計算機プラットフォーム。あらゆるニーズに対応する無料、高速、正確なツール。

計算機への入力は100%プライベートです — すべての計算はブラウザ内で行われ、サーバーに送信されることはありません永遠に無料 — ペイウォールなし、サブスクリプションなし、アカウント不要

人気

  • BMI計算機
  • ローン計算機
  • 年齢計算機
  • 住宅ローン計算機
  • パーセント計算機
  • 関数電卓

数学

  • 統計計算機
  • 方程式ソルバー
  • 分数計算機
  • 素因数分解計算機
  • 最大公約数・最小公倍数計算機
  • 対数計算機

金融

  • 経済的自立早期リタイア計算機
  • 借金雪だるま式計算機
  • 投資計算機
  • 退職金計算ツール
  • 給与計算機
  • 投資利益率計算機

法的情報

  • すべて見る
  • カテゴリ
  • 通貨コンバーター
  • サイトマップ
  • ゲーム&ファンツール
  • 私たちについて
  • お問い合わせ
  • プライバシーポリシー
  • 利用規約
  • 免責事項

言語

  • enEnglish
  • arالعربية
  • esEspañol
  • deDeutsch
  • frFrançais
  • hiहिन्दी
  • idBahasa Indonesia
  • itItaliano
  • ja日本語
  • ko한국어
  • ptPortuguês
  • ruРусский
  • trTürkçe
  • viTiếng Việt
  • bnবাংলা
  • zh中文
  • nlNederlands
  • plPolski
  • ukУкраїнська
  • msBahasa Melayu
  • thภาษาไทย

© 2026 Calculora. 全著作権所有。

を使って構築 — 100% 無料

軽量で高速 — Cookieと分析はお客様の同意がある場合のみ実行されます

  1. ホーム
  2. 開発者ツール
  3. CSS単位コンバーター

CSS単位コンバーター

ベースフォントサイズとビューポートの寸法を使って、px、rem、em、pt、vw、vh、%の間を瞬時に変換——1.5remが実際に何ピクセルなのか推測する必要はもうありません。

CSS単位コンバーターとは?

CSSはサイズ指定にいくつかの異なる単位をサポートしています——pxやptのような絶対単位と、rem、em、vw、vh、%のような相対単位です。相対単位はレスポンシブでアクセシブルなデザインに不可欠です(特にremはユーザーのブラウザフォントサイズ設定を尊重します)が、結果はルートフォントサイズ、現在の要素のフォントサイズ、ビューポートの寸法といった文脈に依存するため、それらの間を頭の中で変換するのは本当に困難です。

このコンバーターはその計算を代わりに行います。ベースフォントサイズ、ビューポートの寸法、変換したい値を設定するだけで、他のすべての単位における同等の値を瞬時に確認できます——デザインモックアップのピクセル測定値をレスポンシブなrem/vwの値に変換する際や、既存のCSSルールが画面上で実際にどうレンダリングされるかを再確認する際に便利です。

計算式

1rem = 1em = ベースフォントサイズ(デフォルト16px)
1pt = 96/72 px ≈ 1.333px
1vw = ビューポート幅 / 100
1vh = ビューポート高さ / 100
1% = 基準値 / 100

計算方法

  1. 変換したい値を入力し、その開始単位を選択します。
  2. ベースフォントサイズを設定します(デフォルトはブラウザ標準の16px)。
  3. vw/vh変換の場合は、目標のビューポート幅と高さを入力します。
  4. 他のすべての単位における同等の値を瞬時に確認します。

例

16pxのベースフォントサイズでは、1.5remは24pxに変換されます。1440pxのビューポート幅では、5vwは72pxに変換されます。

主な利点

  • 一般的な7つのCSS単位すべてを一箇所で変換
  • 固定の想定ではなく、実際のベースフォントサイズとビューポートを使用
  • 入力と同時に瞬時に結果を表示——ブラウザの開発者ツールを開く必要なし
  • 無料、登録不要、すべてブラウザ内で完結

避けるべきよくある間違い

  • ルートフォントサイズが変更されているかを確認せずに、1remが常に16pxに等しいと思い込む
  • ブラウザのアドレスバーの挙動を考慮せずに、モバイルのフルハイトレイアウトにvhを使用する
  • em基準のフォントサイズをネストし、予期せず累積したときに驚く
  • 同じコンポーネント内でpxとremを一貫性なく混在させ、アクセシビリティのスケーリングを壊してしまう

プロのヒント

  • ネストされたコンポーネントで予期しない累積を避けるため、フォントサイズにはemよりremを優先してください
  • ターゲットブラウザがサポートしている場合、モバイルのフルスクリーンレイアウトにはvhの代わりにdvh/svhを使用してください
  • rem変換を予測可能に保つため、デザインシステム全体で一貫したベースフォントサイズを維持してください
  • ピクセルパーフェクトなデザインを変換する際は、間隔はremに変換しつつ、境界線の幅などの細かい部分はpxのままにしてください

重要な用語の説明

ルートフォントサイズ:html要素に設定されたフォントサイズで、すべてのrem単位はこれを基準とします
ビューポート:ブラウザウィンドウ内でWebページが表示される領域
絶対単位:pxやptのように、どの文脈にも依存しない固定の実世界のサイズを持つ単位
相対単位:rem、em、vw、%のように、サイズが他の値に依存する単位

よくある使用例

  • デザイナーのピクセルベースのFigma/SketchスペックをアクセシブルなCSS向けのrem値に変換する
  • vwベースのレスポンシブフォントサイズが特定の画面幅で実際に何にレンダリングされるかを確認する
  • レガシーなpt基準の印刷・メールCSSをWeb標準のpxやremに変換する
  • デザインシステムの間隔スケールが単位間できれいに整合しているかを監査する
  • 開発者ツールを開くことなくコードレビュー中にCSSの値を素早く確認する

よくある質問

remとemの違いは何ですか?
remは常にルート(html)要素のフォントサイズを基準とするため、要素がどれだけ深くネストされていても一貫性が保たれます。emは現在の要素自体のフォントサイズを基準とするため、ネストされると累積することがあります——このツールは簡略化のため、ベースフォントサイズを使用して両方を同じように扱います。
1remが通常16pxに等しいのはなぜですか?
16pxは、事実上すべてのブラウザにおけるルートhtml要素のデフォルトのブラウザフォントサイズです。remはそのルートサイズを基準とするため、ページ(またはユーザーのブラウザ設定)が明示的にルートフォントサイズを変更しない限り、1remは16pxに等しくなります。
vwとvhは何に使われますか?
vw(ビューポート幅)とvh(ビューポート高さ)は、ブラウザウィンドウの現在の幅と高さのパーセンテージです——1vwはビューポート幅の1%に相当します。フルスクリーンレイアウトや画面に合わせてスケーリングするレスポンシブなタイポグラフィによく使われます。
ピクセルは常に正確に1インチの1/96ですか?
CSSの仕様上、その通りです——CSSピクセルは1インチの1/96として定義されており、これが1pt(1/72インチ)が正確に96/72=1.333のCSSピクセルに変換される理由でもあります。

関連ツール

アスペクト比計算ツール
帯域幅計算機
ダウンロード時間計算ツール
クラウドホスティング費用計算機
CDN コスト計算ツール
アプリケーションプログラミングインターフェース Monetization Calculator
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100