Torna agli strumenti

Colore · Tutti gli strumenti

Scala tipografica

Scala tipografica. Imposta dimensione base, rapporto e livelli per generare dimensioni CSS.

…

File e dati vengono elaborati in questo browser. Nessun caricamento o account.

Funzioni disponibili

Ingresso: Opzioni
Uscita: CSS · Opzioni

Come usare Scala tipografica

Scala tipografica. Imposta dimensione base, rapporto e livelli per generare dimensioni CSS.

Modifica colori, testo o valori sopra.
Confronta l’anteprima mentre regoli i controlli.
Copia il risultato o scaricalo sul dispositivo.

Scala tipografica · Esempio

Ingresso

{
  "base": 16,
  "ratio": 1.25,
  "below": 2,
  "above": 5,
  "text": "LocalKit"
}

Uscita

:root {
  --text-minus-2: 10.24px;
  --text-minus-1: 12.8px;
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.82813px;
}

Note d’uso

File e dati vengono elaborati in questo browser. Nessun caricamento o account.

L’anteprima limita il testo a 72 px. L’export conserva le dimensioni calcolate.