Golden Ratio(黄金比)計算機
見栄えが良くなる「黄金比(おおよそ1:1.618)」を使って、要素のサイズや余白の数値を計算します。
▶このツールについて
入力した数値を「黄金比(約1:1.618)」で美しく分割・拡張できる計算ツールです。レイアウトの幅や余白、ロゴのプロポーションを決める際に、自然で調和のとれたサイズを簡単に導き出せます。
モナ・リザやパルテノン神殿にも使われていると言われる「黄金比」。人が見て最も美しいと感じる比率を、あなたのウェブデザインにも取り入れてみませんか? 基準となる要素の幅や高さ、フォントサイズなどを入力するだけで、「大きい方のサイズ」と「小さい方のサイズ」を瞬時に算出します。メインコンテンツとサイドバーの幅の比率を決めるときなどにもおすすめです。
ツール操作
大きい方 (φ/(1+φ)) —
小さい方 —
使い方
- 数値(幅・高さ・フォントサイズなど)を入力します
- 黄金比で分割した大きい方・小さい方の2つの値が即座に表示されます
- レイアウト・ロゴ・タイポグラフィのプロポーション設計に活用できます
いつ使うか
レイアウトの余白設計、ロゴのプロポーション、デザインの段階設計に。
使用例
1000 → 618.03 と 381.97、16 → 9.89 と 6.11。
よくある質問
黄金比とは?
約1.618の比率。a:b = (a+b):a となる比で、自然界や美術でよく見られる美しい比率です。
黄金比の計算式は?
数値Nを分割する場合、大きい方 = N / (1+φ) × φ ≈ N × 0.618、小さい方 = N - 大きい方。
黄金比の値は?
φ(ファイ)= (1+√5)/2 ≈ 1.618。無理数で、小数点以下は無限に続きます。
黄金比はデザインでどう使う?
余白の分割、ロゴのプロポーション、タイポグラフィの段階(1, 1.618, 2.618...)、レイアウトの比率設計に使われます。
黄金比と白銀比の違いは?
| 項目 | 黄金比 | 白銀比 |
| 比率 | 約1.618 | 約1.414(√2) |
| 用途 | 西洋美術・レイアウト | 日本建築・A4用紙 |
| 代表例 | パルテノン神殿 | 大和絵・畳 |
このツールは黄金比専用。白銀比は数値×0.707で小さい方を算出できます。
| 比率 | 約1.618 | 約1.414(√2) |
| 用途 | 西洋美術・レイアウト | 日本建築・A4用紙 |
| 代表例 | パルテノン神殿 | 大和絵・畳 |
このツールは黄金比専用。白銀比は数値×0.707で小さい方を算出できます。
黄金比でレイアウトを分割するには?
幅1000pxなら、618pxと382pxに分割。大きい方をメインコンテンツ、小さい方をサイドバーなどに使えます。
黄金比の由来は?
古代ギリシャのパルテノン神殿やレオナルド・ダ・ヴィンチの作品で使われたとされる。自然界の螺旋や花弁の配置にも現れます。
黄金比の逆数は?
1/φ ≈ 0.618。黄金比で分割したときの「小さい方」の割合になります。
フォントサイズに黄金比を使うには?
基準を16pxとすると、26px(1.618倍)、42px(2.618倍)のように段階を設けると調和したタイポグラフィになります。
黄金比計算機の使い方は?
数値(幅・高さ・フォントサイズなど)を入力するだけで、黄金比で分割した2つの値が即座に表示されます。