比率計算ツール（5モード・図解付き・無料）
登録不要 無料 ブラウザ完結
A:B=X:?の逆算・構成比%・トータル分割・解像度比・黄金比まで5つの計算モードを1画面で。計算式と図解もリアルタイム表示。
A : B = X : ? の ? を求めます
:
=
:
? —
2〜3つの値から構成比（%）と整数比を算出します
| 項目 | 値 | 構成比 % | 整数比 |
|---|---|---|---|
| 合計 | 100% |
合計値を A : B の比率で分割します
（単位は自由: 円・g・px 等）
:
アスペクト比（幅:高さ）からピクセルサイズを計算します
プリセット:
:
→
高さ (px)
—
→
幅 (px)
—
基準となる辺の長さを入力すると、各比率での対辺を算出します
（単位は自由: px・mm・cm 等）
φ
黄金比 (1:1.618)
パルテノン神殿・名刺・レオナルド・ダ・ヴィンチの絵画に使われた「最も美しい比率」。自然界（オウムガイ・ひまわり）にも出現。
パルテノン神殿・名刺・レオナルド・ダ・ヴィンチの絵画に使われた「最も美しい比率」。自然界（オウムガイ・ひまわり）にも出現。
√2
白銀比 (1:1.414)
「大和比」。A4・B5などのJIS規格用紙、ドラえもん・ポケモンのキャラクター、日本の伝統建築に多用。折半しても同比率が保たれる。
「大和比」。A4・B5などのJIS規格用紙、ドラえもん・ポケモンのキャラクター、日本の伝統建築に多用。折半しても同比率が保たれる。
β
青銅比 (1:3.303)
黄金比・白銀比に続く「貴金属比」の第3位。縦長のデザイン・看板・旗のプロポーションに使われることがあります。
黄金比・白銀比に続く「貴金属比」の第3位。縦長のデザイン・看板・旗のプロポーションに使われることがあります。
1 比例式モード（A:B = X:?）
「A対Bの比率で、Xに対応する値は？」を逆算します。例: 地図で3cm=1kmのとき5cmは何km？→ A=3, B=1, X=5 → 答: 1.667km。縮尺計算・レシピ倍量・材料費換算に最適。
2 構成比モード（A:B:C → %）
2つまたは3つの値を入力すると、それぞれの構成比（%）と整数比を算出します。グラフ作成・売上比率・栄養素比率の確認に便利。3値まで対応しています。
3 分割モード（合計をA:Bで分割）
「合計100万円をA:B=3:2で分ける」などの計算に使います。遺産分割・利益配分・材料の配合量計算に。バーチャートで視覚的に確認できます。
4 解像度モード（画面アスペクト比）
16:9・4:3・21:9などのプリセットから選ぶか、カスタム比率を入力。幅または高さを指定するだけで対応サイズを即算出。動画制作・プレゼン資料・Webデザインに必須。
5 黄金比/白銀比モード
1辺の長さを入力すると、黄金比(1:1.618)・白銀比(1:1.414)・青銅比(1:3.303)の対辺を算出。デザイン・建築・レイアウト設計の参考に。
競合の比率計算ツールと本ツールの機能を比較しました。
| 機能 | 本ツール | 一般的な比率計算サイト |
|---|---|---|
| 計算モード数 | 5モード（比例式・構成比・分割・解像度・黄金比） | 1〜2モードが多い |
| 図解プレビュー | バーチャート・解像度プレビューをリアルタイム表示 | ほぼなし |
| 解像度計算 | 16:9・4:3・21:9等プリセット搭載 | 別ツールが必要 |
| 黄金比・白銀比 | 黄金比・白銀比・青銅比を一覧表示 | 専用サイトが必要 |
| 計算式表示 | 答えと計算過程を両方表示 | 答えのみが多い |
| モバイル最適化 | タップUI・44px以上・font-size 16px | PCのみ最適化が多い |
| ダークモード | 対応 | ほぼなし |
比率・割合・百分率の変換ルールをまとめました。
| 表現形式 | 例（3:2の場合） | 変換方法 |
|---|---|---|
| 比（整数比） | 3:2 | 最大公約数で約分。例: 6:4 → 3:2 |
| 小数比 | 1.5:1 | 片方を1に正規化。3÷2=1.5なので 1.5:1 |
| 百分率（%） | 60%:40% | 合計を100として換算。3/(3+2)×100=60% |
| 分数 | 3/5 と 2/5 | 全体量を分母。3/(3+2)=3/5 |
比率と割合の違い: 「比率」はA:Bの関係（部分対部分）。「割合」はAがBに対してどれだけか（部分対全体）。例えば「男女比 3:2」は比率。「男性の割合 60%」は割合。本ツールは両方の計算に対応しています。
🖥️ 画面解像度・動画サイズ計算
- Youtubeサムネイル: 1280×720px（16:9）を確認。高さ指定の場合は幅を即計算。
- Instagramリール: 9:16縦型。幅1080pxなら高さ=1080×(16/9)=1920px。
- プレゼン資料: 4:3スライド（1024×768）と16:9（1920×1080）の変換に。
- 映像制作: シネマスコープ2.35:1など特殊アスペクト比も解像度モードで計算可。
🍳 料理・配合比計算
- レシピを倍にする: 「材料A 300g:B 200gの比率で、Aを450g使うときBは？」→ 比例式モードで一発。
- 3種配合: コンクリート（セメント:砂:砂利 = 1:3:3）など3値の構成比確認に。
- カクテル・混合液: 合計量を決めて各材料の量を比率で分割。
🎨 デザイン・レイアウト
- 黄金比レイアウト: コンテンツ幅760pxに対してサイドバー幅は760÷1.618≈470px（黄金比モード）。
- 白銀比デザイン: A4用紙（210×297mm）は白銀比（1:√2≒1:1.414）。和を感じるデザインに。
- ロゴ・アイコン: 正方形（1:1）・名刺（1:1.618）・A4（1:1.414）の基準サイズを算出。
💰 ビジネス・お金の分割
- 利益配分: 売上1,000万円を出資比2:3で分割→ 400万と600万を瞬時算出。
- 費用按分: 法人税の家事按分（事業:個人 = 7:3）で実際の経費額を計算。
- 遺産分割: 法定相続分（配偶者1/2・子1/4・子1/4など）の実額換算。
- Q 比率計算ツールは無料で使えますか？
- A はい、全機能が無料でご利用いただけます。会員登録・アプリのインストールも不要で、スマートフォン・PCのブラウザですぐに使えます。
- Q 3:2の比率でAが300のとき、Bはいくつですか？
- A Bは200です。A:B=3:2 でAが300の場合、B=300×(2/3)=200となります。本ツールの「比例式」モードでA=3, B=2, X=300と入力すると自動計算されます。
- Q 16:9の解像度で幅1920pxのとき高さは何pxですか？
- A 高さは1080pxです。1920÷16×9=1080。本ツールの「解像度」モードで16:9プリセットを選び、幅に1920を入力すると即座に計算されます。
- Q 黄金比とは何ですか？どんなときに使いますか？
- A 黄金比は約1:1.618の比率で、自然界や古典建築に多く見られる「美しい比率」とされています。Webデザインのカラム幅、ロゴのプロポーション、名刺サイズ（55mm×91mm）などに活用されます。本ツールの「黄金比」モードで基準値を入力すると、対応辺の長さを自動計算します。
- Q 白銀比（大和比）とは何ですか？
- A 白銀比は1:√2（約1:1.414）の比率で、「大和比」とも呼ばれます。A4・A3などのA判用紙、ドラえもん・ポケモンなどのキャラクター、日本の伝統建築に多く見られます。用紙を半分に折っても同じ比率が保たれる特性があります。
- Q 3つの値の構成比を計算できますか？
- A はい、「構成比」モードでA・B・Cの3値を入力すると、それぞれの構成比（%）と整数比を自動算出します。たとえばA=30、B=50、C=20と入力すると、30%・50%・20%、整数比3:5:2と表示されます。
- Q スマートフォンでも使えますか？
- A はい、iPhone・Androidのブラウザ（Safari・Chrome）に対応しています。タップしやすいUI・44px以上のボタン・16px以上のフォントで、スマホでも快適にご利用いただけます。
- Q 計算式はどこで確認できますか？
- A 計算結果の下に「計算式」が展開表示されます。答えだけでなく計算過程が確認できるので、学習や検算にも役立ちます。