Vai al contenuto principale
Uddatak

Generatore di blob e pattern di sfondo SVG

Questo strumento offre due generatori in uno: forme organiche (blob) casuali — in stile blobmaker.app — con controllo sul numero di punti, il grado di casualità e il colore, e pattern di sfondo ripetibili in SVG (puntini, griglia, linee diagonali, onde) con controllo su dimensione dell'unità, spessore della linea, colore e colore di sfondo. Puoi copiare il codice SVG direttamente, copiarlo come proprietà CSS pronta per l'uso come sfondo, oppure scaricarlo come file SVG. Tutta la generazione avviene nel tuo browser tramite calcoli matematici puri, senza caricare alcun dato su alcun server.

Strumenti di design e CSS Funziona interamente nel tuo browser

La grafica viene generata interamente nel tuo browser — non viene mai inviato nulla a un server.

Codice SVG

<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>

Domande frequenti

Sì, in modalità pattern di sfondo è disponibile una dichiarazione CSS background-image già pronta da copiare e incollare direttamente in un foglio di stile.

Continua con

Completamente locale

Generatore di gradiente CSS

Crea visivamente un gradiente CSS lineare o radiale e copia il codice pronto all'uso.

Strumenti di design e CSSApri strumento
Completamente locale

Convertitore di codici colore

Converti qualsiasi colore tra i formati HEX, RGB e HSL con anteprima immediata

Strumenti per sviluppatoriApri strumento
Completamente locale

Genera favicon

Trasforma il tuo logo in un set di icone PNG in tutte le dimensioni più comuni per il sito

Strumenti per immaginiApri strumento

Strumenti correlati

Completamente locale

Generatore di animazioni CSS keyframe

Progetta visivamente un'animazione CSS (comparsa, scorrimento, zoom, rimbalzo, rotazione, capovolgimento) e ottieni il codice @keyframes pronto all'uso.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di armonia palette colori

Scegli un colore base e ottieni una palette di colori armoniosa (complementare, analoga, triadica, tetradica, monocromatica).

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di gradiente mesh

Crea uno sfondo con gradienti di colore morbidi e multipunto (mesh gradient) con un clic, e copia il codice CSS pronto all'uso.

Strumenti di design e CSSApri strumento
Completamente locale

Verificatore di contrasto colore

Verifica se una coppia di colori testo/sfondo rispetta gli standard di contrasto per l'accessibilità WCAG.

Strumenti di design e CSSApri strumento
Completamente locale

Generatore di gradiente CSS

Crea visivamente un gradiente CSS lineare o radiale e copia il codice pronto all'uso.

Strumenti di design e CSSApri strumento

Vuoi provare Uddatak?

Sfoglia la libreria completa di strumenti e inizia subito a usare ciò di cui hai bisogno — gratis, senza registrazione.

Vedi tutti gli strumenti