Математика гармонии и красоты

Калькулятор золотого сечения

Рассчитайте идеальные пропорции по золотому сечению (φ = 1.618). Визуализация золотого прямоугольника, спирали Фибоначчи и сравнение композиционных сеток для дизайна, фото и архитектуры.

φ = 1.618

Золотое число

Иррациональная константа (1+√5)/2

2 400+

Лет изучения

От Евклида до наших дней

0 / 1 / 1

Числа Фибоначчи

Последовательность, стремящаяся к φ

61.8%

Золотая пропорция

Деление целого на гармоничные части

Что такое золотое сечение

Золотое сечение — это деление отрезка на две неравные части так, что отношение целого к большей части равно отношению большей части к меньшей. Это отношение обозначается греческой буквой φ (фи) и приблизительно равно 1.6180339887. Число φ иррационально — его десятичное представление бесконечно и непериодично.

📐

Математическое определение

Число φ является положительным корнем уравнения x² = x + 1. Его точное значение — (1 + √5) / 2. Обладает уникальным свойством: φ² = φ + 1, а 1/φ = φ - 1. Это единственное число, квадрат которого превышает его ровно на единицу.

🌻

Золотое сечение в природе

Спирали подсолнухов и ананасов, пропорции раковин наутилуса, расположение листьев на стебле (филлотаксис) — всё подчиняется числам Фибоначчи и золотому сечению. Природа использует эту пропорцию для оптимального заполнения пространства и максимального доступа к свету.

🏛️

Золотое сечение в искусстве

Пропорции Парфенона, композиции Леонардо да Винчи, работы Ле Корбюзье — величайшие мастера использовали золотое сечение. Модулор Ле Корбюзье — система пропорций для архитектуры, основанная на φ и росте человека (183 см с поднятой рукой — 226 см).

Где применяется золотое сечение

Число φ = 1.618 встречается в природе, искусстве, архитектуре и современном дизайне. Это универсальная пропорция гармонии.

🎨

Веб-дизайн и UI

Пропорции колонок (sidebar 38.2% / контент 61.8%), размеры шрифтов (16px body → 26px heading), отступы и паддинги. Золотое сечение создаёт визуальную иерархию без перегрузки.

📷

Фотография и композиция

Золотая спираль и золотые точки — более гармоничная альтернатива правилу третей. Главный объект размещается в точке φ от края кадра (38.2% от ближайшей стороны).

🏗️

Архитектура

От Парфенона до современных небоскрёбов. Пропорции фасадов, соотношение высоты этажей, расположение окон — золотое сечение создаёт ощущение совершенства и масштаба.

✏️

Типографика

Соотношение кегля заголовка к кеглю основного текста (например, 16px × 1.618 = 26px). Интерлиньяж (leading), поля страницы и форматы бумаги (A-серия ISO 216 близка к √2, но не φ).

📱

Дизайн логотипов

Логотипы Apple, Telegram (бывший), Toyota, Pepsi построены с использованием окружностей и пропорций золотого сечения. Это придаёт марке визуальную гармонию и запоминаемость.

📐

Промышленный дизайн

Пропорции корпусов смартфонов, соотношение экрана к рамке, дизайн автомобильных кузовов. Золотое сечение используется везде, где важна эстетика формы и эргономика.

Числа Фибоначчи/ связь с φ

Последовательность Фибоначчи (0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144...) — каждое число равно сумме двух предыдущих. Отношение двух соседних чисел стремится к золотому сечению по мере увеличения номера.

Сходимость к φ

Отношение F(n+1)/F(n) приближается к φ с каждым шагом:

2/1

= 2.000000

3/2

= 1.500000

5/3

= 1.666667

8/5

= 1.600000

13/8

= 1.625000

21/13

= 1.615385

34/21

= 1.619048

55/34

= 1.617647

φ = 1.618033988749...

Формула Бине

Любое число Фибоначчи можно вычислить напрямую без итераций:

F(n) = (φⁿ - ψⁿ) / √5, где ψ = (1 - √5) / 2 = -0.618...

Свойства числа φ

φ = (1 + √5) / 2Точное значение

φ² = φ + 1 = 2.618...Квадрат = число + 1

1/φ = φ - 1 = 0.618...Обратное = число - 1

φⁿ = φⁿ⁻¹ + φⁿ⁻²Рекурсия степеней

Золотое сечение в природе и архитектуре

От галактических спиралей до ДНК — пропорция φ встречается на всех масштабах мироздания. В архитектуре она используется более двух тысячелетий.

🐚

Раковина наутилуса

Логарифмическая спираль

Каждый новый виток раковины наутилуса увеличивается примерно в φ раз. Это логарифмическая спираль, связанная с золотым прямоугольником. Такая форма обеспечивает равномерный рост без изменения формы — свойство, называемое гномоничностью.

🌻

Подсолнух

Филлотаксис

Семена в головке подсолнуха расположены по двум семействам спиралей. Количество спиралей в каждую сторону — соседние числа Фибоначчи (обычно 34 и 55, или 55 и 89). Угол между соседними семенами — 137.5° (золотой угол = 360° / φ²).

🏛️

Парфенон

V век до н.э.

Фасад Парфенона вписывается в золотой прямоугольник. Отношение ширины к высоте (с фронтоном) близко к φ. Хотя историки спорят о том, было ли это преднамеренным, пропорции храма воспринимаются как эталон гармонии уже более 2400 лет.

🧬

ДНК

Двойная спираль

Двойная спираль ДНК имеет два желобка — большой (21 ангстрем) и малый (13 ангстрем). Их отношение 21/13 = 1.615... — числа Фибоначчи, стремящиеся к φ. Длина одного полного витка (34 ангстрема) — тоже число Фибоначчи.

Советы по применению в дизайне

Практические рекомендации по использованию золотого сечения в реальных проектах — от вёрстки до типографики.

1Типографическая шкала

Используйте множитель 1.618 для создания размерного ряда шрифтов: 10px, 16px, 26px, 42px, 68px. Каждый следующий размер — предыдущий, умноженный на φ. Такая шкала обеспечивает визуальную гармонию без случайного подбора.

2Колонки и сетка

Разделите ширину контейнера по золотому сечению: 61.8% для основного контента и 38.2% для сайдбара. Для макета шириной 1200px это 742px и 458px. Пропорция работает лучше, чем произвольное деление 2:1 или 3:1.

3Отступы и паддинги

Создайте систему отступов на основе φ: базовый = 8px, далее 13px, 21px, 34px, 55px. Числа Фибоначчи дают ту же гармоничную прогрессию. Используйте CSS-переменные (--space-xs: 8px, --space-sm: 13px) для консистентности.

4Не догма, а ориентир

Золотое сечение — не волшебная формула. Используйте его как отправную точку, но доверяйте глазу. Иногда пропорция 1.5 или 1.75 подходит лучше для конкретного макета. Главное — осознанный выбор, а не произвольный.

5Золотая спираль в фотографии

Наложите золотую спираль на кадр — основной объект должен попасть в центр спирали. Это работает мягче правила третей: взгляд зрителя естественно следует по спирали к фокусной точке. Особенно эффектно для пейзажей и портретов.

6Размеры элементов UI

Иконки, кнопки, карточки — соотношение размеров по φ создаёт визуальную иерархию. Например, маленькая иконка 24px, средняя 39px, большая 63px. Радиусы скругления тоже можно подчинить этой пропорции.

Как пользоваться калькулятором

Три режима для разных задач — от простого расчёта пропорций до визуального сравнения композиционных сеток.

Расчёт пропорций

Введите известную величину (сторону, размер шрифта, ширину колонки). Калькулятор покажет вторую сторону, умноженную и разделённую на φ, а также последовательность Фибоначчи и применения в типографике, отступах и сетке.

Золотой прямоугольник

Введите одну сторону — получите полный золотой прямоугольник с визуализацией вписанной спирали. Также доступен инструмент деления произвольного отрезка по золотому сечению с цветовой индикацией.

Композиция

Визуальное сравнение правила третей и золотого сечения. Наглядная таблица отличий поможет выбрать подходящую систему для фотографии, дизайна интерфейсов или полиграфии.

Связанные расчёты

🎨Генератор градиентов

Создание CSS-градиентов с интерполяцией

📐Контрастность и сетка

WCAG, модульная сетка, типографика

📱Responsive Clamp

Адаптивные отступы и шрифты

ЧАСТЫЕ ВОПРОСЫ

Часто задаваемые вопросы

Золотое сечение — это способ разделить отрезок на две части так, чтобы отношение целого к большей части равнялось отношению большей части к меньшей. Это отношение приблизительно равно 1.618 и обозначается буквой φ (фи). Например, если разделить отрезок 100 см по золотому сечению, получится 61.8 см и 38.2 см.

В последовательности Фибоначчи (0, 1, 1, 2, 3, 5, 8, 13, 21, 34...) каждое число — сумма двух предыдущих. Если разделить любое число на предыдущее, результат будет близок к φ = 1.618. Чем дальше по последовательности, тем точнее: 8/5 = 1.6, 13/8 = 1.625, 21/13 = 1.615, 34/21 = 1.619. В пределе отношение стремится ровно к φ.

Разделите ширину макета в пропорции 61.8% / 38.2% для контента и сайдбара. Для типографики умножайте базовый размер шрифта на 1.618: 16px → 26px → 42px. Для отступов используйте числа Фибоначчи: 8, 13, 21, 34, 55 пикселей. Это создаёт гармоничную визуальную иерархию.

Правило третей делит кадр на 9 равных частей (линии на 33.3% и 66.7%). Золотое сечение сдвигает линии ближе к центру (38.2% и 61.8%). Композиция по золотому сечению считается более гармоничной и менее «механической», но правило третей проще и быстрее в применении.

Да, но с оговорками. Спирали раковин, расположение семян подсолнуха и листьев на стебле действительно следуют числам Фибоначчи и золотому углу (137.5°). Однако не все примеры «золотого сечения в природе» точны — некоторые являются упрощениями или совпадениями. Строго говоря, природа оптимизирует эффективность, а φ часто оказывается математическим следствием этой оптимизации.

Точное значение: φ = (1 + √5) / 2 = 1.6180339887498948482... Число иррационально — его десятичное представление бесконечно и непериодично. Для практических расчётов достаточно 1.618. Обратное значение 1/φ = 0.618..., а квадрат φ² = 2.618... Уникальное свойство: φ² = φ + 1 и 1/φ = φ - 1.

Да, многие известные логотипы построены с использованием окружностей и пропорций золотого сечения. Классические примеры — логотипы крупных технологических компаний и автомобильных марок. Дизайнеры используют золотые окружности (диаметры в соотношении φ) для построения плавных кривых и гармоничных форм.

Золотой прямоугольник — это прямоугольник, в котором отношение длинной стороны к короткой равно φ = 1.618. Если известна короткая сторона a, длинная = a × 1.618. Если известна длинная сторона b, короткая = b / 1.618 (или b × 0.618). Уникальное свойство: если отрезать от золотого прямоугольника квадрат, оставшийся прямоугольник тоже будет золотым.

Модулор — это система пространственных пропорций, созданная архитектором Ле Корбюзье в 1940-х годах. Она основана на золотом сечении и пропорциях человеческого тела. Базовые размеры: рост человека (183 см) и высота с поднятой рукой (226 см). Из этих величин через φ выводится полный ряд размеров для архитектуры — от мебели до зданий.

Да. Пропорции можно задать через calc() или CSS-переменные. Например, --phi: 1.618; width: calc(100% / var(--phi)); или flex: 1.618 для колонки контента и flex: 1 для сайдбара. Для типографической шкалы: font-size: calc(1rem * 1.618) для h2, calc(1rem * 1.618 * 1.618) для h1. Также можно использовать числа Фибоначчи в spacing: 8px, 13px, 21px, 34px.

Был ли этот калькулятор полезен?

ревизия · 24 апреля 2026

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ

Инструмент справочный — не заменяет эксперта

Только для информационных целей. Все расчёты, результаты и данные, предоставляемые инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.

Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.

Профессиональные решения — медицинские, финансовые, инженерные — должны приниматься только после консультации с квалифицированным специалистом. Не используйте автоматический расчёт как единственное основание для важных решений.

Ограничение ответственности. Авторы и разработчики сервиса не несут ответственности за прямой или косвенный ущерб, возникший из-за использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию результатов.

СМЕЖНЫЕ ИНСТРУМЕНТЫ

Калькулятор золотого сечения

Что такое золотое сечение

Математическое определение

Золотое сечение в природе

Золотое сечение в искусстве

Где применяется золотое сечение

Веб-дизайн и UI

Фотография и композиция

Архитектура

Типографика

Дизайн логотипов

Промышленный дизайн

Числа Фибоначчи/ связь с φ

Сходимость к φ

Формула Бине

Свойства числа φ

Золотое сечение в природе и архитектуре

Раковина наутилуса

Подсолнух

Парфенон

ДНК

Советы по применению в дизайне

1Типографическая шкала

2Колонки и сетка

3Отступы и паддинги

4Не догма, а ориентир

5Золотая спираль в фотографии

6Размеры элементов UI

Как пользоваться калькулятором

Расчёт пропорций

Золотой прямоугольник

Композиция

Связанные расчёты

Часто задаваемые вопросы

Лиана Арифметова

Инструмент справочный — не заменяет эксперта

Похожие калькуляторы

Калькулятор типографики: Type Scale, межстрочный, Fluid Typography

Генератор Cubic Bezier (CSS transition)

Калькулятор теории цвета: гармония, конвертер, палитры, смешивание, дальтонизм

Конвертер типографских единиц

Генератор цветовых палитр

Калькулятор градиентов и интерполяции цветов

Калькулятор контрастности (WCAG), шрифтов и сетки

Калькулятор Responsive Margin/Padding (Clamp generator)

Калькулятор PPI и DPI (плотность пикселей)

Калькулятор UX-метрик: SUS, NPS, HEART, A/B-тест, эвристики Нильсена

Калькулятор CSS единиц (PX, REM, EM, %)

Конвертер цветовых пространств

Калькулятор соотношения сторон

Калькулятор DPI и размера печати

Калькулятор размера баннера