黄金比・白銀比とは？デザインで使う「比率」の基礎
黄金比（約 1:1.618）と白銀比（約 1:1.414）は、レイアウトや文字サイズを決めるときに使われる比率です。 白銀比は日本では大和比（やまとひ）とも呼ばれ、A4・B5 といったコピー用紙の縦横比そのものになっています。 このツールは数値を1つ入力するだけで、黄金比・白銀比・第2白銀比・青銅比の各値と、そのまま貼れる CSS／Tailwind のコードを生成します。 計算はすべてブラウザの中で完結するため、入力した数値がサーバーに送られることはありません。登録もインストールも不要です。
黄金比・白銀比・第2白銀比の違い
| 比較項目 | 黄金比 | 白銀比 | 第2白銀比 |
|---|---|---|---|
| 比の値 | 1 : 1.6180… | 1 : 1.4142… | 1 : 2.4142… |
| 数式 | (1 + √5) ÷ 2 | √2 | 1 + √2 |
| 別名 | φ（ファイ） | 大和比 | 白銀数 |
| 身近な例 | 名刺やカードの縦横比に近い | A4・B5 などのコピー用紙 | 短冊・縦長のバナー |
| 半分に折ると | 比率が変わる | ◎ 同じ比率のまま | 比率が変わる |
| 向いている場面 | ロゴ・見出しなど印象をつくる要素 | 書類・印刷物など実務的な紙面 | 縦に長い領域の分割 |
「半分に折っても同じ形になる」のは白銀比だけが持つ性質です。紙の規格に採用されているのはこのためです。
よくある質問 (FAQ)
短い辺と長い辺の比が 1 : √2（約 1 : 1.414） になる比率です。日本では「大和比」とも呼ばれます。
A判・B判のコピー用紙、文庫本などがこの比率で、日本人にとって最も見慣れた長方形と言えます。
正方形に近い落ち着いた印象になるため、情報量の多い紙面や画面で扱いやすい比率です。
数値は黄金比が約 1:1.618、白銀比が約 1:1.414 で、白銀比のほうが正方形に近い形になります。
性質面での最大の違いは「半分に折ったとき」で、白銀比は折っても同じ比率を保ちますが、黄金比は変わります。
印象としては、黄金比はやや細長くダイナミック、白銀比は安定して端正、という違いが出ます。
どちらが優れているというものではなく、作りたい印象で選ぶものです。
半分に折っても同じ比率を保てる唯一の比率だからです。
A4（210×297mm）を半分にすると A5（148×210mm）になりますが、どちらも縦横比は約 1:1.414 のままです。
この性質のおかげで、拡大・縮小コピーをしても余白が出ず、紙を無駄なく分割できます。
実用上の要請から生まれた規格であり、「美しいから選ばれた」わけではない点が黄金比との違いです。
第2白銀比は 1 : (1 + √2)＝約 1:2.414、青銅比は 約 1:3.303 です。
黄金比・白銀比・青銅比はまとめて「貴金属比」と呼ばれ、いずれも特定の漸化式から導かれる無理数の比です。
第2白銀比は縦に長い形になるため、サイドバーやバナーなど細長い領域の設計に使われることがあります。
よく使われるのはレイアウトの分割と文字サイズの設計の2つです。
前者は、コンテンツ領域とサイドバーの幅を 1:1.618 で分ける、といった使い方をします。
後者は、本文サイズに比率を掛けて見出しサイズを決める方法（タイポグラフィスケール）で、
サイズの飛び方が揃うため統一感が出ます。このツールで生成される CSS／Tailwind のコードは、そのまま貼って使えます。
なお比率は出発点であって絶対の正解ではないので、最後は実際の見え方で微調整してください。
諸説あり、断定はできません。
古代建築や名画に黄金比が使われているという説明は広く知られていますが、
後から測って当てはめただけとする指摘も多く、制作者が意図した証拠が残っているものは限られます。
人が黄金比を好むかを調べた心理学の実験でも、結果は一貫していません。
実務的には「多くの人が見慣れていて破綻しにくい比率」として扱うのが妥当で、
従うべき法則ではなく、迷ったときの出発点として使うのが現実的です。