C& Color & Design
Color & Design

Strumenti online gratuiti che funzionano nel browser

19 strumenti gratuiti di Color & Design che funzionano al 100% nel browser. Nessun caricamento, nessuna registrazione, nessuna installazione: i tuoi dati non lasciano mai il dispositivo.

🔒 Tutti gli strumenti funzionano interamente nel tuo browser — nulla viene caricato, nessun server, nessuna chiamata API.
Advertisement
🎨

Selettore di colori (Color Picker)

Scegli un colore e copia subito i valori HEX, RGB e HSL. Genera tinte e sfumature utili per sfondi, bordi e stati dell'interfaccia.

Color
🔁

Convertitore HEX RGB

Converti i colori tra HEX, RGB(A) e HSL(A) con aggiornamenti in tempo reale, supporto alpha e valori CSS pronti da copiare.

Color
🧩

Generatore di Palette di Colori

Genera palette di colori armoniose da un colore base, con schemi complementari, analoghi, triadici e monocromatici, direttamente nel browser.

Color
🌈

Generatore di gradienti CSS

Crea gradienti CSS lineari e radiali con più punti colore, anteprima in tempo reale e codice CSS background pronto da copiare.

CSS
▣

Generatore di Box Shadow

Crea ombre CSS box-shadow con cursori per offset, sfocatura, diffusione, colore, opacità e modalità inset, con anteprima in tempo reale nel browser.

CSS
✅

Verifica contrasto colori (Contrast Checker)

Controlla il rapporto di contrasto WCAG tra testo e sfondo, con risultati AA e AAA superato/non superato e anteprima in tempo reale.

Accessibility
🎚️

Generatore di sfumature Tailwind

Genera una scala di 11 sfumature in stile Tailwind (50-950) da un colore HEX di base, con variabili CSS e JSON pronti da copiare.

Color
🖼️

Generatore di filtri CSS

Crea effetti CSS filter() in modo visuale con cursori per sfocatura, luminosità, contrasto, scala di grigi, rotazione della tonalità e altro ancora.

CSS
◖

Generatore di Border Radius

Crea valori CSS border-radius standard ed ellittici con anteprima in tempo reale e codice CSS pronto da copiare, direttamente nel browser.

CSS
🧊

Generatore Glassmorphism

Crea il CSS di card effetto vetro smerigliato con controlli per sfocatura, trasparenza, tinta, bordo e raggio degli angoli, tutto nel tuo browser.

CSS
⬚

Generatore di Neumorphism

Genera CSS neumorfico soft UI con ombre abbinate, colore della superficie, raggio e forme piatte, concave o convesse, direttamente nel browser.

CSS
🌓

Generatore Duotone

Applica un effetto duotone a due colori a un'immagine direttamente nel browser ed esporta il risultato in PNG, senza caricare nulla su un server.

Images
🧪

Mixer di colori — Miscela due colori

Miscela due colori con un rapporto RGB a scelta e copia i valori HEX, RGB e HSL del risultato direttamente nel browser.

Color
🏷️

Trova nome colore — Nome CSS più vicino

Trova il nome di colore CSS più vicino a qualsiasi valore HEX tramite distanza RGB, con campioni di colore e pulsanti di copia.

Color
🎛️

Generatore di temi CSS

Scegli i colori del brand e genera un tema :root con proprietà personalizzate CSS lato client, con token derivati per hover, bordi e superfici.

CSS
🌊

Generatore di onde SVG

Crea onde SVG a strati con ampiezza, complessità, morbidezza e colori regolabili. Copia SVG o CSS, oppure scarica SVG e PNG.

Images
🫧

Generatore di blob

Genera blob SVG organici casuali con punti, casualità, riempimenti sfumati e contorni regolabili. Copia l'SVG o scarica il PNG.

Images
🕸️

Generatore di mesh gradient

Crea mesh gradient da 3 a 6 punti colore trascinabili con sfocatura e rumore. Copia il CSS o scarica un'immagine PNG.

CSS
✂️

Generatore di clip-path CSS

Modifica visivamente le forme clip-path CSS con preset, punti del poligono trascinabili e cursori. Copia il CSS clip-path.

CSS