Generatore pattern SVG
Genera pattern SVG a piastrelle ripetibili. Personalizza tipo, colore e dimensione del pattern, poi esporta il codice.
Anteprima
Codice SVG
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="custom-pattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
<rect width="40" height="40" fill="#ffffff" />
<circle cx="20" cy="20" r="7" fill="#6366f1" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#custom-pattern)" />
</svg>Come usare
Seleziona pattern
Seleziona la categoria del pattern: geometrico, classico, moderno, ecc.
Personalizza
Regola colori, dimensione, spaziatura, rotazione, ecc.
Copia SVG
Copia il codice SVG o scarica come immagine
Funzionalità
Anteprima in tempo reale
Visualizza i pattern in tempo reale mentre regoli i parametri
Modelli ricchi
Più modelli: geometrici, punti, linee, pattern classici e altro
Piastrellatura senza giunture
I pattern generati si piastrellano senza giunture visibili
FAQ
🔗Strumenti correlati
Convertitore codici colore
Converti tra codici colore HEX, RGB e HSL. Usa il selettore di colore e l'anteprima in tempo reale per una selezione intuitiva dei colori.
Selettore di Colori
Scegli colori in modo intuitivo usando una ruota cromatica e cursori. Ottieni e copia codici colore in formato HEX, RGB e HSL.
Estrattore Colori Immagine
Rileva automaticamente i colori dominanti di un'immagine e genera una palette di colori. Puoi anche cliccare in qualsiasi punto dell'immagine per selezionare singoli colori.
Selettore Colore Medio Immagine
Calcola il colore medio di un'intera immagine o di un'area selezionata. Utile per scegliere schemi di colori o colori di sfondo per miniature.
Generatore CSS Gradiente
Crea visivamente gradienti CSS con controlli a trascinamento. Supporta gradienti lineari, radiali e conici con preimpostazioni.
Generatore CSS Box Shadow
Crea visivamente CSS box-shadow con cursori. Supporta ombre multiple e ombre interne (inset).