Skip to main content
CalculoraCalculora

金融・ビジネス

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

数学・テクノロジー

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

健康・生活

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

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

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

コンバーター

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

ランダムジェネレーター

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

PDF ツール

PDFをJPGに変換PDFをPNGに変換PDFからテキストを抽出PDFをGIFに変換PDFをWebPに変換PDFをSVGに変換PDFをWordに変換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に変換JPGをAVIFに変換PNGをAVIFに変換

GIF・アニメーション

GIFフレームをPNGに変換GIFフレームをJPGに変換GIFフレーム抽出PNGをGIFに変換JPGをGIFに変換GIFをWebPに変換

編集

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

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

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

人気

  • BMI計算機
  • ローン計算機
  • 年齢計算機
  • 住宅ローン計算機
  • パーセント計算機
  • 関数電卓
  • すべて見る →

カテゴリ

  • 数学
  • 金融
  • 健康・生活
  • 金融・ビジネス
  • 開発者ツール
  • エンジニアリング
  • カテゴリ →

もっと見る

  • 通貨コンバーター
  • ファイル変換
  • ゲーム&ファンツール

法的情報

  • 私たちについて
  • お問い合わせ
  • プライバシーポリシー
  • 利用規約
  • 免責事項
  • サイトマップ

言語

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. 全著作権所有。

を使って構築 — 100% 無料

サーバー不要 — 完全静的サイト、データ収集ゼロ

  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ルールが画面上で実際にどうレンダリングされるかを再確認する際に便利です。

この計算機を使用するタイミング

  • プロジェクトを開始する前にツールのコストを評価する必要があるとき
  • 他の類似ツールと結果を比較するとき
  • さまざまなシナリオでツールの使用方法を学ぶとき
  • チームやクライアントと結果を共有するとき
  • ツールの計算の正確さを確認するとき
  • 特定の問題への簡単で迅速な解決策を探しているとき

手順:

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

計算式

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

ユースケース

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

主な利点

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

プロのヒント

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

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

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

重要な用語の説明

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

関連コンセプト

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

例

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

結果の解釈方法

このツールは、入力に基づいた詳細な結果を表示します。数字の解釈方法とそれに基づいた意思決定方法を理解するために、各セクションを慎重に確認してください。 ツールの仕組みや特定の結果の解釈に関するご質問は、以下のよくあるご質問セクションをご覧ください。サポートにお問い合わせいただくこともできます。

よくある質問

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ピクセルに変換される理由でもあります。
このツールは無料ですか?
はい、このツールは完全に無料で、登録は不要です。自由に使用できます。
データは安全ですか?
はい、すべての計算はブラウザ内で行われます。サーバーにデータが送信されることはありません。
スマートフォンで使用できますか?
はい、スマートフォンやタブレットを含むすべてのデバイスと互換性があります。
結果をどう保存しますか?
機能が利用可能な場合、結果をコピーするかPDFやCSVファイルとしてエクスポートできます。
結果は正確ですか?
結果は認められた数式と方程式に基づいています。最大の精度のために、すべての値が正しく入力されていることを確認してください。
オフラインで使用できますか?
はい、ほとんどの計算はブラウザ内でローカルに行われ、インターネット接続は不要です。
ツールの問題を解決するには?
最新のブラウザバージョンを使用し、必要に応じてキャッシュをクリアしてください。問題が解決しない場合は、サポートにお問い合わせください。

関連ツール

さらにツールを探す

アスペクト比計算機

帯域幅計算機

ダウンロード時間計算ツール

クラウドホスティング費用計算機

CDN コスト計算ツール

API収益化計算機

関連ツール

アスペクト比計算機
開発者ツール
帯域幅計算機
開発者ツール
ダウンロード時間計算ツール
開発者ツール
クラウドホスティング費用計算機
開発者ツール
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100