HeronTool
Deutsch▾
Anmelden
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
Startseite › Design-Ressourcen › Golden Ratio Calculator

Golden Ratio Calculator

Split any value by the golden ratio 1.618 for harmonious layouts.

Rechner Design Einheit
Smaller part—
Larger part—
φ—
Split %—

So wird es verwendet

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

Anwendungsfälle

Split any value by the golden ratio 1.618 for harmonious layouts.

Es wird nichts hochgeladen — alles läuft lokal in Ihrem Browser.

Kommentar / Melden / Meine Anmerkungen

Bitte zuerst anmelden — Anmelden

Bitte zuerst anmelden — Anmelden

Bitte zuerst anmelden — Anmelden

Verwandte Tools
Verlaufsgenerator Lineare/radiale CSS-Verläufe mit Live-Vorschau generieren. Verlauf Schriftvorschau Text eingeben und Schriftfamilie wechseln für Live-Vorschau. Schrift Icon-Suche Tabler-Icons durchsuchen und SVG per Klick kopieren. Icon Farbpaletten-Generator Harmonische Palette (analog/komplementär) aus einer Grundfarbe bauen. Palette Mockup-Generator URL oder Screenshot in einen Geräte-Mockup-Rahmen ziehen. Mockup Farbkontrast WCAG-Kontrast von Text auf Hintergrund prüfen. Kontrast Box-Schatten-Generator CSS-box-shadow visuell erstellen. Schatten Text-Schatten-Generator CSS-text-shadow erstellen. Schatten