Typografie-Skalen-Generator
Wähle eine Basisschriftgröße und ein modulares Skalenverhältnis (z. B. den Goldenen Schnitt oder eine große Terz), und dieses Tool erzeugt eine vollständige Reihe proportionaler Schriftgrößen — von kleinen Bildunterschriften bis zu großen Überschriften —, damit deine Textgrößen stimmig wirken statt zufällig gewählt zu sein. Kopiere das Ergebnis als einsatzbereiten CSS-Custom-Properties-Block.
--step--2: 10.24px;
--step--1: 12.8px;
--step-0: 16px;
--step-1: 20px;
--step-2: 25px;
--step-3: 31.25px;
--step-4: 39.06px;
--step-5: 48.83px;So funktioniert's
Eine modulare Skala multipliziert deine Basisschriftgröße Schritt für Schritt mit einem festen Verhältnis — in beide Richtungen: Kleinere Schritte (negative Zahlen) schrumpfen in Richtung Bildunterschriften und Fußnoten, größere Schritte (positive Zahlen) wachsen in Richtung Überschriften und Display-Text. Das Ergebnis ist eine Reihe von Größen, die alle dieselbe proportionale Beziehung teilen — das wirkt meist stimmiger als frei gewählte Werte.
Das richtige Verhältnis wählen
Kleinere Verhältnisse wie kleine Sekunde oder große Sekunde erzeugen dezente, eng gestaffelte Größen, die sich für dichte Oberflächen eignen; größere Verhältnisse wie reine Quarte oder der Goldene Schnitt erzeugen deutlicheren Kontrast, was sich gut für redaktionelle oder Marketing-Seiten mit wenigen kräftigen Überschriften eignet.
Weitere Tools aus dieser Kategorie
Belichtungsrechner
Finde äquivalente Kamerabelichtungen für Blende, Verschlusszeit und ISO.
Seitenverhältnis-Rechner
Skaliere ein Bild oder Video proportional und finde das vereinfachte Verhältnis.
CSS-Verlaufsgenerator
Erstelle einen linearen oder radialen CSS-Verlauf und kopiere den generierten Code.
Kontrast-Checker
Prüfe, ob Vorder- und Hintergrundfarbe die WCAG-Kontrastrichtlinien erfüllen.
Farbpaletten-Generator
Verwandle jede Grundfarbe in komplementäre, analoge und triadische Farbpaletten.
Farbformat-Konverter
Wandle jede Farbe sofort zwischen HEX, RGB, HSL und CMYK um – mit Ein-Klick-Kopieren für jedes Format.