Generatore di motivi di sfondo SVG

Generatore di motivi di sfondo SVG

Scegli un motivo — puntini, griglia, righe diagonali, onde, quadrati, esagoni o topografia — e questo strumento costruisce un motivo SVG senza soluzione di continuità che puoi inserire direttamente nello sfondo di un sito web, in uno schermo di applicazione o in un design stampato. Il motivo è costruito da una singola piastrella ripetuta, quindi il file rimane piccolo indipendentemente da quanto sia grande l'area che copre.

La dimensione della piastrella controlla la spaziatura tra le ripetizioni, e lo spessore della linea controlla quanto sono audaci i tratti — imposta anche la dimensione dei puntini e dei quadrati per questi due motivi. I colori in primo piano e di sfondo accettano qualsiasi colore esadecimale (#RRGGBB o la forma più breve #RGB), l'opacità dissolve il motivo nel suo sfondo senza toccare il colore di sfondo stesso, e la rotazione ruota l'intera piastrella — le righe diagonali iniziano già a 45° e ruotano ulteriormente da lì. Cambia il formato di output per ottenere esattamente quello che ti serve: markup SVG puro da salvare come file, una regola CSS pronta da incollare con il motivo incorporato come URI dati, o una classe di valore arbitrario Tailwind che puoi inserire direttamente nell'elenco di classi di un elemento.

Ogni opzione aggiorna l'anteprima istantaneamente mentre la regoli, e il totale sotto l'output riporta le dimensioni della piastrella, il numero esatto di caratteri del codice generato e il formato di output attivo. Poiché il motivo è una singola piccola piastrella vettoriale anziché un'immagine bitmap, rimane nitido a qualsiasi livello di zoom e si scala a qualsiasi dimensione dello schermo gratuitamente.

Tutto viene eseguito localmente nel tuo browser — nulla di ciò che progetti qui viene caricato da nessuna parte. Quando sei soddisfatto del risultato, copialo, scaricalo come file .txt o rimanda l'output all'input per continuare a perfezionarlo.

FAQ