Design und Farbe

CSS-Typografieskala

CSS-Typografieskala — Größen oder Farben wählen und Code oder Ergebnis prüfen. Eingabehilfe: Basis, Gemeinsamer Faktor, Anzahl. Ohne Konto.

Ohne Konto

Werkzeug wird geladen…

So funktioniert es

  1. 1Eingabehilfe: Basis, Gemeinsamer Faktor, Anzahl.
  2. 2Werkzeug starten und Ergebnis prüfen.
  3. 3Ergebnis kopieren / Ergebnisdatei speichern.

Gut zu wissen

Bereiche und Einheiten prüfen. Ergebnisse hängen von Eingaben und Browser ab.

Werbung kann Verbindungsdaten verarbeiten. Personalisierung folgt Ihrer Datenschutzwahl. Datenschutz (Englisch)

Berechnetes Ein- und Ausgabebeispiel

Ergebnisse der tatsächlichen Engine mit diesen Beispielwerten, ohne persönliche Eingaben oder gespeicherte Arbeit. Beispiel im Tool laden, um dieselben Eingaben zu prüfen.

Beispieleingabe

FeldWert
Basis
16
Gemeinsamer Faktor
1.25
Anzahl
6

Beispielergebnis

:root {
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.8281px;
}
Eingabebedingungen

Dies sind tatsächliche Eingabegrenzen; zulässige Werte sind dadurch nicht automatisch realistisch oder für jeden Fall geeignet.

  • Basis: Zulässiger Bereich: 0,000000001 ≤ x ≤ 1.000.000.000.000
  • Gemeinsamer Faktor: Zulässiger Bereich: 1 ≤ x ≤ 3
  • Anzahl: Zulässiger Bereich: 1 ≤ x ≤ 16 · Nur ganze Zahlen

Ähnliche Werkzeuge

Alle Werkzeuge