黄金比とは
黄金比とは、一本の線を二つに分けたとき「全体:長い方=長い方:短い方」が成り立つ比率のことです。短い方を1、長い方をxとおくと (1+x):x=x:1 となり、整理すると x²=x+1 という二次方程式になります。この正の解がギリシャ文字のφ(ファイ)で表される (1+√5)/2=約1.6180339887です。√5は無理数なので小数は永遠に続き、1.618はあくまで近似値にすぎません。 この計算機は内部では倍精度の値をそのまま使い、画面に表示するときだけ小数第3位で丸めています。
φには検算に役立つ性質があります。φ²=φ+1(約2.618)、1/φ=φ−1(約0.618)です。つまり全体を黄金比で分けると、 長い方は全体の約61.8%、短い方は約38.2%になります。長い方をさらに同じ比率で分けても相似の分割になるため、 黄金長方形は内側へいくらでも入れ子にできます。
三つの計算モードと公式
- 短辺を基準: 長辺=短辺×φ。短辺10なら長辺は16.18です。
- 長辺を基準: 短辺=長辺÷φ。長辺100なら短辺は61.803です。
- 全体の長さを分割: 長い部分=全体÷φ、短い部分=全体−長い部分。全体100なら61.803と38.197に分かれます。
三つの値は互いに連動しているので、どれか一つが分かれば残りも決まります。結果欄には短辺・長辺・合計と計算式が表示されるため、 別のモードに数値を入れ直して往復計算で確かめることもできます。
全体の長さ別・黄金比分割早見表
画面幅やキャンバス、板の長さを主役の領域と脇役の領域に分けるときの目安です。表の値はページ生成時にφから計算しています。
| 全体の長さ | 長い部分(61.8%) | 短い部分(38.2%) |
|---|---|---|
| 100 | 61.803 | 38.197 |
| 360 | 222.492 | 137.508 |
| 1,080 | 667.477 | 412.523 |
| 1,200 | 741.641 | 458.359 |
| 1,920 | 1,186.625 | 733.375 |
短辺別・黄金長方形のサイズ表
| 短辺 | 長辺(×1.618) |
|---|---|
| 4 | 6.472 |
| 10 | 16.18 |
| 30 | 48.541 |
| 100 | 161.803 |
| 600 | 970.82 |
| 1,080 | 1,747.477 |
単位は問いません。高さ1080pxのバナーを黄金長方形にするなら幅は約1,747.5px、幅が1080pxに決まっているなら 高さは約667.5pxです。印刷物ならmmやcmのまま同じ式を使えます。
フィボナッチ数列とφの関係
フィボナッチ数列(1, 1, 2, 3, 5, 8, 13, 21, …)では、隣り合う項の比(後ろ÷前)が項数とともにφへ近づきます。 下の表はプログラムで数列を生成して計算したもので、誤差はφとの差の絶対値です。
| 前の項 | 後ろの項 | 後ろ÷前 | φとの誤差 |
|---|---|---|---|
| 2 | 3 | 1.500000 | 0.118034 |
| 5 | 8 | 1.600000 | 0.018034 |
| 13 | 21 | 1.615385 | 0.002649 |
| 34 | 55 | 1.617647 | 0.000387 |
| 89 | 144 | 1.617978 | 0.000056 |
| 233 | 377 | 1.618026 | 0.000008 |
| 610 | 987 | 1.618033 | 0.000001 |
13÷8=1.625 の時点で誤差は約1%以内です。そのため整数ピクセルで組むWebデザインでは、5:8、8:13、13:21 といった整数比を 黄金比の代わりに使うことがあります。
どんな場面で使われるか
- レイアウト: 本文とサイドバーの幅を61.8:38.2に分ける、見出しの文字サイズを本文のφ倍にする、といった出発点に使います。
- 写真・絵の構図: 画面を38.2%と61.8%の位置で区切る「黄金分割」の補助線があり、三分割法(33.3%と66.7%)よりやや中央寄りになります。
- 名刺・額縁・ロゴ: 縦横を約5:8にすると、正方形ではない落ち着いた長方形になります。
- 自然界: ヒマワリの種や松ぼっくりの螺旋の数がフィボナッチ数になる例はありますが、すべての自然物がφに従うわけではありません。
計算例(手計算で検算できます)
例1: 幅1200pxのコンテナ。 黄金比で分けると主カラムは約741.6px、サブカラムは約458.4pxです。 カラム間の余白(ガター)が必要な場合は、先に全体から余白を引き、残りを分割してください。
例2: 額縁。 短辺30cmなら長辺は30×1.618=約48.54cmです。マットや枠の幅で見える開口部は変わるため、 外寸と開口部のどちらに比率を当てるかを決めてから切り出してください。
例3: 文字サイズの段階。 本文16pxにφを掛けると約25.9px、もう一段掛けると約41.9pxです。 実務では26px、42pxのようにきりのよい値へ丸めて使うことが多くなります。
例4: 途中で丸めると誤差が育つ。 1920に1.6を掛けると3072ですが、正確な値は約3,106.6で、約35もずれます。 丸めるのは最後にしましょう。
よくある誤解と限界
- 黄金比が「最も美しい比率」であるという主張は、人の好みを調べた実験で一貫して確認されているわけではありません。参考にできる比率の一つと考えるのが安全です。
- パルテノン神殿やモナ・リザなどに黄金比が見つかるという話は、どこをどう測るかで結果が変わる後付けの解釈であることが多く、設計者が意図したという確かな根拠がない例も少なくありません。
- 黄金比は二つの長さの比にすぎず、面積や角度は直接表しません。面積の関係を揃えたい場合は長さの比を二乗して考えます。
- 文字サイズや余白に当てはめるときは、読みやすさとアクセシビリティが最優先です。数字の美しさのために可読性を犠牲にしないでください。
- 表示は小数第3位で丸めているため、短辺と長辺を別々に丸めて足すと合計が0.001程度ずれて見えることがあります。
結果の活用法
得られた長さは、使う媒体の単位(画面なら整数px、印刷なら0.1mm程度)に丸めてから使います。デザインツールでは長い部分と短い部分を 隣り合う二つの長方形として描き、補助線として重ねて目で確認すると失敗が減ります。「結果をコピー」で仕様書やチケットに貼っておけば、 寸法の根拠も一緒に残せます。画面や画像の縦横比を整数で知りたいときは、下の関連ツールをあわせて使ってください。
よくある質問
フィボナッチ数列と黄金比はどのような関係ですか?
隣り合うフィボナッチ数の比は、数列が大きくなるほどφに近づきます。8÷5=1.6、13÷8=1.625、21÷13≒1.615 のように、上の表でも誤差が小さくなっていく様子を確認できます。
黄金比はぴったり1.618ですか?
いいえ。正確には(1+√5)/2という無理数で、小数は永遠に続きます。1.618は小数第3位までの近似値です。
61.8%と38.2%はどこから来た数字ですか?
全体を1とすると、長い部分は1/φ≒0.618、短い部分は1−1/φ=1/φ²≒0.382です。合計は正確に1になり、長い方÷短い方は再びφになります。
スマートフォンの画面にも使えますか?
使えますが、実際の端末の多くは9:16やそれより細長い比率で、1:1.618とは異なります。画面そのものを合わせるのではなく、画面内のカードと画像の幅の比などに使うのが現実的です。
計算の精度はどのくらいですか?
JavaScriptの倍精度浮動小数点数で計算し、表示するときだけ小数第3位に丸めています。入力した値は外部に送信されず、すべてブラウザ内で処理されます。