Generatore di scala tipografica
Scegli una dimensione del carattere base e un rapporto di scala modulare (come la sezione aurea o una terza maggiore), e questo strumento genera una serie completa di dimensioni proporzionali — dalle piccole didascalie ai grandi titoli — così le tue dimensioni di testo risultano coerenti anziché scelte a caso. Copia il risultato come blocco di proprietà personalizzate CSS pronto all'uso.
--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;Come funziona
Una scala modulare moltiplica la dimensione del carattere base per un rapporto fisso, passo dopo passo, in entrambe le direzioni — i passi negativi si riducono verso didascalie e testo fine, i passi positivi crescono verso titoli e testo display. Il risultato è una serie di dimensioni che condividono tutte la stessa relazione proporzionale, il che tende a sembrare più intenzionale rispetto a dimensioni scelte a caso.
Come scegliere un rapporto
Rapporti più piccoli come la seconda minore o la seconda maggiore producono dimensioni sottili e ravvicinate, adatte a interfacce dense; rapporti più grandi come la quarta giusta o la sezione aurea creano un contrasto più marcato, ideale per pagine editoriali o di marketing con pochi titoli d'impatto.
Altri strumenti in questa categoria
Calcolatore di esposizione
Trova esposizioni fotografiche equivalenti tra apertura, tempo di posa e ISO.
Calcolatore di proporzioni
Ridimensiona un'immagine o un video proporzionalmente e trova il rapporto semplificato.
Generatore di gradienti CSS
Crea un gradiente CSS lineare o radiale e copia il codice generato.
Verificatore di contrasto
Verifica se un colore di primo piano e di sfondo rispettano le linee guida di contrasto WCAG.
Generatore di palette di colori
Trasforma qualsiasi colore base in palette complementari, analoghe e triadiche.
Convertitore di formati colore
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK all'istante, con copia in un clic per ogni formato.