Strumenti Strumenti design
Generatori CSS, strumenti colore e creazione SVG
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).
Generatore CSS Border Radius
Genera CSS border-radius con controlli individuali per ogni angolo. Include opzioni per raggi ellittici e preimpostazioni di forme popolari.
Generatore CSS Text Shadow
Genera CSS text-shadow con anteprima live. Sovrapponi più ombre con preimpostazioni neon, emboss e altro.
Generatore CSS Triangolo
Genera triangoli CSS usando la proprietà border. Supporta tutte e 8 le direzioni con dimensioni e colori personalizzabili.
Generatore CSS Clip Path
Crea visivamente forme CSS clip-path con drag-and-drop. Include poligono, cerchio, ellisse e preimpostazioni come stella e cuore.
Generatore CSS Glassmorphism
Crea effetti UI in vetro smerigliato con anteprima live e output CSS. Regola con precisione trasparenza, sfocatura, bordo e ombra.
Generatore CSS Loader
Scegli tra più animazioni di caricamento CSS e ottieni il codice. Personalizza colore, dimensione e velocità per spinner, punti, barre e altro.
Generatore CSS Flexbox
Crea layout Flexbox visivamente e genera codice CSS. Regola tutte le proprietà con un cheat sheet integrato.
Generatore CSS Cubic Bezier
Crea visivamente curve di easing per animazioni CSS. Trascina i punti di controllo e visualizza le animazioni in tempo reale.
Generatore di Sfumature di Colore
Genera variazioni di sfumature dal chiaro allo scuro per qualsiasi colore. Regola il numero di passi ed esporta come palette Tailwind CSS.
Mixer colori
Mescola due o più colori in proporzioni specificate per creare nuovi colori. Confronta i risultati in diversi spazi colore come RGB, HSL e LAB.
Generatore di palette colori
Genera palette colori da un colore base usando la teoria del colore. Include schemi di colori complementari, analoghi, triadici e altri.
Anteprima Font Web
Visualizza in anteprima i font web da Google Fonts in tempo reale. Confronta più font regolando dimensione e colore.
Riferimento nomi colori HTML
Sfoglia tutti i 148 colori HTML/CSS denominati in un unico posto. Cerca, visualizza in anteprima e copia i codici HEX con facilità.
Generatore pattern sfondo CSS
Genera pattern di sfondo usando solo CSS. Personalizza strisce, punti, griglie e altro con un editor visuale.
Generatore scrollbar CSS
Personalizza il design della scrollbar CSS con un editor visuale. Regola colore, larghezza, raggio del bordo e copia il codice direttamente.
Generatore testo sfumato CSS
Genera codice CSS per applicare sfumature al testo. Visualizza in anteprima colori, direzione e regolazioni dell'intervallo in tempo reale.
Generatore checkbox CSS
Crea checkbox CSS personalizzate con un editor visuale. Personalizza liberamente animazioni, colori e forme.
Generatore toggle switch CSS
Crea toggle switch CSS personalizzati con un editor visuale. Regola dimensione, colore e animazione, poi esporta il codice.
Generatore blob SVG
Genera automaticamente blob SVG di forma organica. Regola casualità e complessità per decorazioni di web design.
Generatore pattern SVG
Genera pattern SVG a piastrelle ripetibili. Personalizza tipo, colore e dimensione del pattern, poi esporta il codice.