ツール一覧

Golden Ratio(黄金比)計算機

見栄えが良くなる「黄金比(おおよそ1:1.618)」を使って、要素のサイズや余白の数値を計算します。

このツールについて

入力した数値を「黄金比(約1:1.618)」で美しく分割・拡張できる計算ツールです。レイアウトの幅や余白、ロゴのプロポーションを決める際に、自然で調和のとれたサイズを簡単に導き出せます。

モナ・リザやパルテノン神殿にも使われていると言われる「黄金比」。人が見て最も美しいと感じる比率を、あなたのウェブデザインにも取り入れてみませんか? 基準となる要素の幅や高さ、フォントサイズなどを入力するだけで、「大きい方のサイズ」と「小さい方のサイズ」を瞬時に算出します。メインコンテンツとサイドバーの幅の比率を決めるときなどにもおすすめです。

ツール操作

大きい方 (φ/(1+φ))
小さい方

使い方

  1. 数値(幅・高さ・フォントサイズなど)を入力します
  2. 黄金比で分割した大きい方・小さい方の2つの値が即座に表示されます
  3. レイアウト・ロゴ・タイポグラフィのプロポーション設計に活用できます

いつ使うか

レイアウトの余白設計、ロゴのプロポーション、デザインの段階設計に。

使用例

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で小さい方を算出できます。

黄金比でレイアウトを分割するには?

幅1000pxなら、618pxと382pxに分割。大きい方をメインコンテンツ、小さい方をサイドバーなどに使えます。

黄金比の由来は?

古代ギリシャのパルテノン神殿やレオナルド・ダ・ヴィンチの作品で使われたとされる。自然界の螺旋や花弁の配置にも現れます。

黄金比の逆数は?

1/φ ≈ 0.618。黄金比で分割したときの「小さい方」の割合になります。

フォントサイズに黄金比を使うには?

基準を16pxとすると、26px(1.618倍)、42px(2.618倍)のように段階を設けると調和したタイポグラフィになります。

黄金比計算機の使い方は?

数値(幅・高さ・フォントサイズなど)を入力するだけで、黄金比で分割した2つの値が即座に表示されます。

関連ツール