Developer

Modular Scale Rechner

Berechnet eine harmonische Schriftgrößen-Skala für konsistente Typografie.

Wozu dient der Modular Scale Rechner?

Der Modular Scale Rechner berechnet eine harmonische Schriftgrößen-Skala aus einer Basisgröße und einem Verhältnis. Designer und Entwickler nutzen so eine konsistente, mathematisch aufeinander abgestimmte Typografie statt willkürlich gewählter Pixelwerte.

Du gibst die Basisgröße in Pixel, ein Verhältnis und die Anzahl der Stufen nach oben an. Jede Stufe wird mit dem Verhältnis multipliziert, sodass eine wachsende Reihe von Überschriftengrößen entsteht. Bekannte Verhältnisse sind unter anderem 1,25 (Major Third) oder 1,618 (Golden Ratio). Die Berechnung läuft vollständig in deinem Browser.

Beispiele

  • Basis 16 px, Verhältnis 1,25, 4 Stufen: 16, 20, 25, 31,25, 39,06 px.
  • Basis 18 px, Verhältnis 1,333 (Perfect Fourth): 18, 24, 32, 42,7 px.
  • Basis 16 px, Verhältnis 1,618 (Golden): 16, 25,9, 41,9, 67,8 px für starke Kontraste.

Häufige Fragen zum Modular Scale Rechner

Welches Verhältnis soll ich wählen?

Kleinere Verhältnisse wie 1,2 erzeugen sanfte Abstufungen für textlastige Seiten, größere wie 1,5 oder 1,618 starke Kontraste für ausdrucksstarke Layouts.

Was ist eine modulare Skala überhaupt?

Eine modulare Skala ist eine Folge von Größen, die durch ein festes Verhältnis verbunden sind. Sie sorgt für visuelle Harmonie, ähnlich wie Töne in der Musik.

Soll ich die Werte runden?

Für die Umsetzung empfiehlt sich oft das Runden auf ganze oder halbe Pixel, damit Text scharf bleibt. Alternativ nutzt du rem-Einheiten für reaktionsfähige Größen.

Werden meine Eingaben gespeichert?

Nein. Alle Berechnungen laufen ausschließlich im Browser. Es werden keine Daten gesendet oder gespeichert.

Ist das Tool kostenlos?

Ja, vollständig kostenlos und ohne Registrierung.