使い方
- 計算を選びます。線分を2つの部分に分ける、1つの部分から全体を求める、1辺から黄金長方形を求める、文字サイズのモジュラースケールのいずれかです。
- 分割では長さを入力します。全体を求める場合は既知の部分を入力し、既知の部分はを選びます。
- 長方形では既知の辺を入力し、既知の辺はを選びます。スケールでは基準のサイズを入力し、比率を選んだうえで、下の段階数と上の段階数を入力します。
- 長い方の部分と短い方の部分、全体の長さ、長い辺と短い辺、または文字サイズの表を読みます。
黄金比
黄金比 φ は (1 + √5) ÷ 2で、約1.618034です。全体と長い方の部分の比が、長い方の部分と短い方の部分の比に等しいとき、2つの量は黄金比になります。(a + b) ÷ a = a ÷ b = φ です(英語版ウィキペディア: Golden ratio)。したがって、長さ100の線分は61.80と38.20に分かれ、61.80 ÷ 38.20は1.618です。
黄金長方形は、長い辺が短い辺の φ 倍です。短い辺の大きさの正方形を切り取ると、残りは小さな黄金長方形になります(英語版ウィキペディアの記述による)。
φ = (1 + √5) ÷ 2 = 1.6180339887…
長い方の部分 = 長さ ÷ φ、短い方の部分 = 長さ ÷ φ²
全体 = 部分 × φ(部分が短い方のときは × φ²)
モジュラースケール(文字サイズの比率表)
モジュラースケールは、前より一定の比率で大きくなるサイズの系列です。ツールは、1段階上るごとに基準に比率を掛け、1段階下るごとに割ります。A List Apart(英語)の記事「More Meaningful Typography」は、黄金比でこのようなスケールを作っています。10 × 1.618は16.18、16.18 × 1.618は26.18です。
4度と3度の比率は、音楽の比率です。純正律では完全4度は4:3、長3度は5:4で、ここではそれぞれ1.333と1.25になります(英語版ウィキペディア: Perfect fourth、Major third)。
比率が決めないもの
黄金比は比率であり、デザインが必ず従うべき規則ではありません。ツールは数値を示し、基準のサイズと比率を選ぶのはデザインの判断です。画像の形については、アスペクト比計算ツールを使ってください。
計算例:長さ100を黄金比に分ける
長さ100の線分を黄金比に分けます。長い方の部分は100 ÷ 1.618 = 61.80、短い方の部分は100 − 61.80 = 38.20です。
長い辺が1000の黄金長方形では、短い辺は618.03です。618.03の正方形を切り取ると、381.97 × 618.03の長方形が残ります。基準16で黄金比のスケールを作ると、段階1は25.89になります。
| 項目 | 値 |
|---|---|
| 100の長い方の部分 | 61.80 |
| 100の短い方の部分 | 38.20 |
| 長い辺が1000の長方形の短い辺 | 618.03 |
| 618.03の正方形を切り取った後の長方形 | 381.97 × 618.03 |
| 基準16、黄金比のスケールの段階1 | 25.89 |
よくある質問
黄金比とは正確には何ですか?
(1 + √5) ÷ 2で、1.6180339887…となる無理数です。英語版ウィキペディアの黄金比の項目は、2つの整数の比では表せないことを説明しています。その逆数は φ − 1で、約0.618です。
長い方の部分と短い方の部分は、どう違いますか?
長い方の部分は全体の約0.618、短い方の部分は約0.382です。長い方の部分を短い方の部分で割ると再び φ になり、それによって分割が黄金比になります。
文字サイズのスケールには、どの比率を使うべきですか?
唯一の正しい比率はありません。黄金比は段階の差が大きく、完全4度(1.333)と長3度(1.25)は差が小さくなります。どちらの比率も音程で、それぞれのウィキペディアの項目がそれを説明しています。
実際のデザインは黄金比を使っていますか?
一部は使っています。英語版ウィキペディアの記述では、ル・コルビュジエやサルバドール・ダリを含む20世紀の芸術家や建築家が、作品の比率をそれに近づけたとされています。また、比率の分析にそれを使うことは、データへのあてはまりが疑わしい場合もあったとされています。
結果はどの単位になりますか?
入力した数字の単位です。基準が16ピクセルならサイズはピクセルで、16ポイントならポイントになります。スケールは単位によって変わらないので、画面用には整数のピクセルに丸めてください。
入力した内容はどこかに保存されますか?
いいえ。数値はブラウザの中だけで計算され、当サイトに送信されず、どこにも保存されません。
出典
- Wikipedia(英語): Golden ratio(黄金比)
- Wikipedia(英語): Perfect fourth(完全4度)
- Wikipedia(英語): Major third(長3度)
- A List Apart(英語): More Meaningful Typography
数値と文章の最終確認日:2026年11月10日火曜日。