黄金比計算ツール

長辺または短辺の値を入力すると、黄金比(1:1.618)に基づくもう一方の長さと全体の長さを自動で計算します。白銀比(1:1.414)への切替や視覚プレビューにも対応しています。

最終更新: 2026/10/16 デザイン ご要望・不具合報告はこちら
比率の値: 1 : 1.618

計算結果

短辺 100
長辺 161.8
全体(短辺+長辺) 261.8

視覚プレビュー

黄金長方形を短辺と長辺の比率で表示します。

1
1.618

比率スケール(階段)

基準値に比率を繰り返し掛けた値です。フォントサイズの設計などに活用できます。

ステップ

使い方

1

比率を選ぶ

黄金比(1:1.618)または白銀比(1:1.414)から、使用したい比率を選択します。

2

辺の長さを入力

短辺・長辺のどちらを基準にするか選び、既知の値を入力します。

3

結果を確認・コピー

もう一方の辺・全体の長さと比率スケールが即座に表示されます。コピーボタンで値を取得できます。

黄金比計算とは

黄金比(およそ1:1.618)は、古代から美しいと感じられる比率として建築・絵画・デザインに用いられてきました。本ツールは、既知の辺の長さから黄金比または白銀比に基づくもう一方の長さと全体を瞬時に計算します。すべての処理はブラウザ内で完結し、入力した値はサーバーに送信されません。

機能・特徴

  • 黄金比・白銀比に対応黄金比(1:1.618)に加え、和の意匠で使われる白銀比(1:1.414)もワンクリックで切替できます。
  • 双方向の計算短辺・長辺のどちらからでも計算でき、もう一方と全体の長さを同時に求められます。
  • 視覚プレビュー計算した比率を黄金長方形として表示。寸法のイメージを直感的に確認できます。
  • 比率スケール生成基準値に比率を繰り返し掛けたスケールを生成。フォントサイズの階段設計に役立ちます。

活用シーン

  • Webデザインのレイアウト寸法の決定
  • フォントサイズの階段(タイプスケール)設計
  • ロゴ・名刺・ポスターの構図づくり
  • 写真・イラストのトリミング比率の検討
  • UIの余白・カードサイズのバランス調整

よくある質問

黄金比とは何ですか?
黄金比はおよそ1:1.618で表される比率で、(1+√5)/2 という無理数(φ:ファイ)に由来します。自然界や芸術作品に多く見られ、バランスの取れた美しい比率とされています。
白銀比との違いは何ですか?
白銀比は1:1.414(1:√2)で、A4用紙などの紙の規格や日本の伝統建築に使われてきた比率です。黄金比よりやや横長感が抑えられ、和の印象に向くとされます。本ツールでは両方を切り替えて計算できます。
フォントサイズの設計にどう使えますか?
基準となる本文サイズに比率を繰り返し掛けることで、見出しから本文まで調和の取れたサイズ階段(タイプスケール)を作れます。比率スケール機能の値をそのまま活用できます。
計算結果はどのくらい正確ですか?
比率は小数で計算しており、結果は表示の都合上小数第2位程度に丸めて表示しています。デザインの目安として十分な精度ですが、厳密な数値が必要な場合は丸め誤差にご注意ください。
入力したデータはどこかに保存されますか?
いいえ。すべての計算はお使いのブラウザ内で完結し、入力値がサーバーに送信・保存されることはありません。安心してご利用いただけます。