TToolHub
📏

Spacing Scale Generatore

Spacing Scale Generator: Build a consistent spacing scale and export CSS variables. 100% client-side, no uploads or signups, with copy-to-clipboard support and dark mode.

--space-04px
--space-15.66px
--space-28px
--space-311.31px
--space-416px
--space-522.63px
--space-632px
--space-745.25px
--space-864px
CSS generato
1:root {
2 --space-0: 0.250rem;
3 --space-1: 0.354rem;
4 --space-2: 0.500rem;
5 --space-3: 0.707rem;
6 --space-4: 1.000rem;
7 --space-5: 1.414rem;
8 --space-6: 2.000rem;
9 --space-7: 2.828rem;
10 --space-8: 4.000rem;
11}
Suggerimento: premi Ctrl/Cmd+Invio per eseguire, Esc per ricominciare.Ctrl+Enter·Esc

Informazioni su questo strumento

Generatore di scala di spaziatura è uno strumento online gratuito che ti permette di creare design direttamente nel tuo browser. Nessuna installazione o registrazione richiesta, i tuoi file non vengono mai caricati su un server e tutta l'elaborazione avviene localmente, così i tuoi dati non lasciano mai il tuo dispositivo.

Lo strumento è progettato per l'uso quotidiano. Gestisce tutto, dalle attività occasionali ai flussi di lavoro ricorrenti, si carica in pochi millisecondi, funziona offline dopo il primo caricamento e gira in modo fluido su desktop, tablet e smartphone. L'interfaccia è volutamente semplice, così puoi concentrarti sul risultato, non sui comandi.

Casi d'uso comuni: testare stili prima di applicarli a file CSS reali, creare prototipi visivi rapidi per designer o clienti, esportare design token riutilizzabili per un design system, comunicare concetti di design visivamente. Che tu sia uno studente, un professionista o semplicemente abbia bisogno di uno strumento veloce, Generatore di scala di spaziatura ti permette di completare l'attività in pochi secondi.

La privacy è integrata fin dall'inizio. Poiché tutta l'elaborazione avviene nel browser (lato client), nessun servizio di analisi, rete pubblicitaria o backend può vedere ciò che inserisci o ottieni. Apri la scheda di rete del browser mentre usi lo strumento e vedrai tu stesso che non viene inviata alcuna richiesta esterna con i tuoi dati. Per questo Generatore di scala di spaziatura è adatto anche a contenuti sensibili (medici, legali, finanziari) che non possono essere caricati a terzi.

Generatore di scala di spaziatura fa parte di ToolHub — una raccolta gratuita e senza pubblicità di oltre 750 strumenti basati su browser per PDF, immagini, testo, calcolatrici, sviluppatori, design, social media, istruzione, business, salute e altro.

Come usarlo

  1. 1Apri Generatore di scala di spaziatura in un browser moderno (Chrome, Firefox, Safari, Edge). Non serve installazione o registrazione.
  2. 2Inserisci i tuoi dati — incolla, digita o carica a seconda dei campi dello strumento.
  3. 3Esamina il risultato e copialo o scaricalo. Tutto avviene istantaneamente nel browser.

Caratteristiche principali

  • Elaborazione 100% lato client — i tuoi dati non lasciano mai il browser
  • Completamente gratuito — nessuna registrazione, email o pagamento richiesti
  • Funziona su desktop, tablet e smartphone (aree touch da 44px)
  • Modalità scura e 17 lingue integrate
  • Generazione immediata — nessun limite di dimensione file

Consigli pro

  • Aggiungi lo strumento ai preferiti per accedervi con un clic la prossima volta — tutte le impostazioni vengono salvate in localStorage.
  • Per un uso ripetuto, verifica di usare un browser moderno con supporto per CSS3 e SVG così lo strumento funziona alla massima velocità.
  • Trovi un bug o desideri una funzione? Usa il modulo di feedback in fondo alla pagina — leggiamo tutti i suggerimenti.

Domande frequenti

Generatore di scala di spaziatura è gratis?
Sì, è completamente gratis. Nessun limite di utilizzo, nessuna registrazione, nessuna email e nessun livello premium nascosto dietro un paywall.
I miei dati sono sicuri e privati?
Sì. Tutta l'elaborazione viene eseguita come JavaScript nel tuo browser. Ciò che inserisci, il risultato e i file caricati non lasciano mai il tuo dispositivo — apri l'ispettore di rete del browser e vedrai che non viene inviata alcuna richiesta esterna con i tuoi dati.
Quali formati sono supportati?
output standard in CSS, SVG e JSON — incollabile in qualsiasi progetto.
C'è un limite alle dimensioni di file o input?
Generazione immediata — nessun limite di dimensione file. Lo strumento stesso non impone alcun limite massimo artificiale.
Generatore di scala di spaziatura funziona su mobile?
Sì — lo strumento è completamente responsive con aree touch da 44px, funziona su iOS Safari e Android Chrome e supporta sia l'orientamento verticale che orizzontale.
Tocca una stella

Facoltativo — solo se vuoi che ti ricontattiamo.

Strumenti correlati