digtools

Generatori CSS

Generatori CSS visivi per aiutare a implementare UI moderne e belle.

Generatore di transizioni della vista CSS

Simula animazioni API View Transition e genera codice per SPA e MPA.

🎨

Convertitore di colori

Converti codici HEX/RGB/HSL/CMYK. Include la generazione della tavolozza e il controllo del contrasto.

🎨

Selettore colore immagine

Estrai i colori dalle immagini e ottieni i codici colore (HEX/RGB)

↔️

Generatore di morsetti CSS

Calcola automaticamente i valori della funzione Fluid Clamp() per un design reattivo.

✂️

Generatore di percorsi clip CSS

Crea facilmente forme di tracciati di ritaglio CSS con operazioni di trascinamento e genera codice.

📦

Generatore di query sul contenitore CSS

Genera visivamente query sui contenitori con anteprima dal vivo e conversione delle query multimediali.

🖼️

Generatore di filtri e miscele CSS

Combina visivamente filtri e fusioni, genera codice e salva immagini.

🎨

Generatore di gradienti CSS

Genera gradienti e motivi lineari, radiali e conici in modo intuitivo.

📐

Generatore di layout Flexbox/griglia

Genera codice di layout con GUI visiva

☁️

Generatore di ombre a forma di scatola

Crea in modo intuitivo bellissime ombre multistrato

Generatore di interfaccia utente moderno

Genera bellissimo codice dell'interfaccia utente (Glassmorphism supportato)

🎞️

Generatore di animazioni CSS

Output della GUI per animazioni @keyframes

🖼️

Generatore di sfondo SVG

Crea motivi di sfondo SVG leggeri

🔺

Generatore di triangoli CSS

Genera triangoli CSS usando il trucco del bordo, copia il codice istantaneamente

🎬

Generatore di animazioni di sprite

Genera animazioni sprite CSS e codice da più immagini

Generatore del raggio del bordo CSS

Regola visivamente 8 valori del raggio del bordo e copia il codice CSS

🔤

Anteprima tipografica

Visualizza in anteprima la dimensione del carattere, l'altezza della riga e la spaziatura delle lettere in tempo reale

🅰️

Anteprima dei caratteri Web

Confronto dei caratteri web in tempo reale e generazione di CSS

🎨

Ricerca icone SVG

Cerca le icone di Lucide & Heroicons e copia il codice SVG

Altre Categorie

Invia feedback

Facci sapere la tua opinione per aiutarci a migliorare lo strumento.

Disclaimer

Gli strumenti forniti su questo sito sono completamente gratuiti, ma si prega di utilizzarli a proprio rischio. Non offriamo alcuna garanzia in merito all'accuratezza, completezza o sicurezza dei risultati di calcolo, risultati di conversione o dati generati. Si prega di notare che l'operatore non si assume alcuna responsabilità per eventuali danni o problemi causati dall'uso di questi strumenti. La maggior parte degli strumenti elabora file e calcoli localmente nel browser, il che significa che i dati inseriti non vengono inviati o archiviati sui nostri server.