🐚 Ein Toolkit,
jede Designaufgabe

Goldener-Schnitt-Rechner

Berechne Goldener-Schnitt-Maße (1:1.618) für Layouts, Typografie und Logos. Erhalte sofort größere und kleinere Goldene Werte, mit visueller Vorschau.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🐚 Goldener-Schnitt-Rechner

Goldener-Schnitt-Guide

Der Goldene Schnitt (φ ≈ 1.618033) ist ein Verhältnis, das in der Natur vorkommt — von Nautilus-Schalen bis zu Sonnenblumen-Spiralen — und seit Jahrtausenden in Kunst und Design verwendet wird. Formen auf Basis von 1:1.618 wirken natürlich ausgewogen, weshalb das Verhältnis im Parthenon, der Mona Lisa und modernen Logo-Rastern auftaucht.

Gib einen beliebigen Wert ein, um sein goldenes Paar zu finden: Teile durch φ für den kleineren Begleiter, multipliziere mit φ für den größeren. Nutze die Ergebnisse für Layout-Breiten, Typografie-Skalen (kombiniere mit unserem Typografie-Skalen-Tool mit 1.618), Bildzuschnitte und Logo-Proportionen. Die Vorschau zeichnet das klassische goldene Rechteck mit seinen Spiral-Unterteilungen.

Pro Tips

Was ist der Goldene Schnitt

Der Goldene Schnitt ist die irrationale Zahl φ (Phi), etwa 1,6180339887. Zwei Größen stehen im Goldenen Schnitt, wenn ihre Summe geteilt durch die größere gleich der größeren geteilt durch die kleinere ist: (a+b)/a = a/b. Das Verhältnis durchzieht Kunst und Natur — vom Parthenon und den Zeichnungen Leonardo da Vincis bis zu Nautilus-Schalen und den Spiralen der Sonnenblumenkerne — und Designer nutzen es als fertige Formel für ausgewogene, natürlich wirkende Kompositionen.

Der Goldene Schnitt im Design

Designer nutzen 1,618, um Raum in einen dominanten und einen stützenden Teil zu teilen. Ein häufiges Muster ist die Aufteilung Inhalt–Seitenleiste: eine 960px-Hauptspalte paart sich mit einer 593px-Leiste (960 ÷ 1,618 ≈ 593). Dieselbe Teilung funktioniert für Hero-Höhen, Bild-Text-Verhältnisse in Karten und Logo-Geometrie. Weil sich das Verhältnis auf jeder Skala wiederholt — das größere Stück verhält sich zum Ganzen wie das kleinere zum größeren —, wirken darauf gebaute Layouts ruhig und durchdacht.

Goldenes Rechteck und Goldene Spirale

Ein Goldenes Rechteck hat Seiten im Verhältnis 1:1,618. Schneidet man das größtmögliche Quadrat heraus, ist der Rest wieder ein Goldenes Rechteck — die Eigenschaft wiederholt sich unendlich. Zieht man Viertelkreise durch die Quadratfolge, entsteht die Goldene Spirale, die mit jeder Vierteldrehung um φ wächst. Designer nutzen die Spirale als Blickführung: Der Fokuspunkt eines Posters, Covers oder Hero-Bildes dort, wo sich die Spirale zusammenzieht, lenkt das Auge auf natürlichem Weg.

Verbindung zur Fibonacci-Folge

Die Fibonacci-Folge (1, 1, 2, 3, 5, 8, 13, 21, 34...) konvergiert gegen den Goldenen Schnitt: Teilt man ein Glied durch das vorherige, nähert sich das Ergebnis immer mehr 1,618 (21/13 ≈ 1,615; 34/21 ≈ 1,619). Deshalb gelten beide im Design als Zwillinge: Fibonacci-basierte Raster, Abstandsstufen und sogar Schriftgrößen sind praktische Näherungen des Goldenen Schnitts, und die Folge liefert bequeme ganze Zahlen.

1,618 auf Ihr Layout anwenden

Beginnen Sie mit einem konkreten Maß — Containerbreite, Überschriftengröße oder Spaltenzahl — und multiplizieren oder dividieren Sie mit 1,618, um die Begleitwerte zu erhalten. Für Abstandssysteme stapeln Sie die Folge: 8, 13, 21, 34, 55px ergeben fünf harmonische Stufen. Nutzen Sie diesen Rechner, um das Goldene Paar für jede Eingabe zu finden, und wenden Sie die Zahlen auf Breiten, Höhen, Abstände und Schriftgrößen an, damit jedes Element dieselbe Grundproportion teilt.

Frequently Asked Questions

Q: Wie lautet die Zahl des Goldenen Schnitts?
Wie lautet die Zahl des Goldenen Schnitts? Der Goldene Schnitt beträgt etwa 1.6180339887, geschrieben als φ (Phi). Er ist die Lösung von (a+b)/a = a/b, wobei sich das Ganze zum größeren Teil verhält wie der größere Teil zum kleineren.
Q: Kommt der Goldene Schnitt wirklich überall in der Natur vor?
Kommt der Goldene Schnitt wirklich überall in der Natur vor? Halb Mythos, halb Mathematik. Spiralschalen, Tannenzapfen und Sonnenblumen folgen Fibonacci-Mustern, die zu φ konvergieren, aber viele populäre Behauptungen über den „Goldenen Schnitt in der Natur" sind übertrieben.
Q: Wie nutze ich den Goldenen Schnitt in der Typografie?
Wie nutze ich den Goldenen Schnitt in der Typografie? Multipliziere die Grundschriftgröße mit 1.618 für Überschriften. Beispiel: 16px Fließtext → 26px h2 → 42px h1. Für eine vollständige Skala nutze das Typografie-Skalen-Tool mit dem Verhältnis 1.618.
Q: Was ist ein goldenes Rechteck?
Was ist ein goldenes Rechteck? Ein Rechteck, dessen Seiten im Verhältnis 1:1.618 stehen. Entfernt man ein Quadrat, bleibt ein kleineres goldenes Rechteck — diese Selbstähnlichkeit ist der Grund, warum Designer es für Raster und Kompositionen nutzen.
Q: Nutzen professionelle Designer den Goldenen Schnitt wirklich?
Nutzen professionelle Designer den Goldenen Schnitt wirklich? Ja — Logo-Designer und Editorial-Layout-Künstler nutzen ihn als Startraster. Er ist ein Werkzeug für Harmonie, kein Gesetz; großartige Designs brechen ihn manchmal bewusst.
Q: Was ist die Zahl des Goldenen Schnitts?
Was ist die Zahl des Goldenen Schnitts? Der Goldene Schnitt ist φ ≈ 1,6180339887, eine irrationale Zahl, deren Ziffern weder enden noch sich wiederholen.
Q: Wie wird der Goldene Schnitt in der Typografie genutzt?
Wie wird der Goldene Schnitt in der Typografie genutzt? Schriftgrößen skalieren mit 1,618 — ein 16px-Fließtext paart sich mit einer 26px-Überschrift, dann 42px, 68px — und ergeben eine harmonische Typo-Skala.
Q: Was ist die Verbindung zwischen Fibonacci und dem Goldenen Schnitt?
Was ist die Verbindung zwischen Fibonacci und dem Goldenen Schnitt? Teilt man eine Fibonacci-Zahl durch die vorherige, konvergiert das Ergebnis gegen φ: 21/13 ≈ 1,615, 34/21 ≈ 1,619.

Bauhaus-Farben

Die Bauhaus-Schule definierte die moderne Farbtheorie: Primärfarben als Werkzeuge, klare Kontraste statt Ornamente. Diese Palette zitiert die ikonischen Farben von Weimar, Dessau und der deutschen Designgeschichte.

Bauhaus Rot #BE1E2D

Das ikonische Rot der Bauhaus-Plakate und Drucksachen

Bauhaus Gelb #FFDE17

Das leuchtende Gelb der Bauhaus-Ästhetik

Bauhaus Blau #00509E

Das tiefe Blau des Bauhaus-Farbkreises

Ultramarin #120A8F

Historisches Pigment aus Lapislazuli, von Goethe beschrieben

Ocker #C78B2C

Erdpigment der deutschen Renaissance-Malerei

Petrol #006D7C

Das Blaugrün der Nachkriegszeit und des Mid-Century-Designs

Lindgrün #7CBA3D

Das frische Grün der Frühlingslinden

Ziegelrot #B22222

Die roten Ziegeldächer der Altstädte

Graphit #38383A

Der dunkle Grauton der Zeichenkunst und des Industriedesigns

Weiß #F4F4F4

Das Weiß der Bauhaus-Wände — Raum und Licht

Q: Was sind Bauhaus-Farben?
Was sind Bauhaus-Farben? Die Bauhaus-Farben sind die Primärfarben Rot (#BE1E2D), Gelb (#FFDE17) und Blau (#00509E) sowie Schwarz und Weiß. Die Schule (1919-1933) nutzte sie als systematische Farbenlehre statt dekorativer Ornamente.
Q: Was ist Ultramarin?
Was ist Ultramarin? Ultramarin (#120A8F) ist ein historisches blaues Pigment, ursprünglich aus dem Halbedelstein Lapislazuli gewonnen. Es war teurer als Gold und wurde für Madonnen-Mäntel in der Renaissance reserviert.