Home / Casi studio / Chromatica Tools
Chromatica Tools: uno strumento web sviluppato in React
Un mio progetto, non di un cliente: tutti gli strumenti utili per colori, accessibilità e contrasto nello stesso posto, direttamente nel browser e senza salvare nulla in un database.
Il progetto
Il progetto in breve
Cliente
Nessuno: è un progetto proprio
Settore
Strumento web
Luogo
Online
Cosa ho fatto
Sviluppo dello strumento in React: contrasto WCAG, accessibilità, analisi di un sito da un link con report e soluzioni, ruota cromatica, palette, esplora colori e gradienti.
Tecnologie
React
Periodo
Sviluppato in circa 10 ore
Stato
Online e gratuito, tra gli strumenti che pubblico come prova di competenza. chromaticatools.web.app
La sfida
La sfida
Riunire nello stesso posto gli strumenti utili per lavorare con colori, accessibilità e contrasto.
Fa parte degli strumenti pubblici che pubblico come prova di competenza.
Poi ho aggiunto l’analisi di un sito da un link, con un report sull’accessibilità e alcuni esempi di soluzione per i risultati negativi. Tutto resta nel browser: non viene salvato nulla in un database.
Cosa ho fatto
Cosa ho fatto
Sviluppo in React
SVILUPPO
Lo strumento è sviluppato in React.
Tutto nel browser
BROWSER
I colori restano nel browser e non viene salvato nulla in un database.
Tutti gli strumenti in un posto
STRUMENTI
Contrasto WCAG, palette, gradienti, ruota cromatica e simulazione del daltonismo.
Analisi di un sito
ANALISI
Inserisci l’indirizzo di una pagina: l’analisi è statica su HTML e CSS e controlla contrasto, colori e accessibilità.
Report con soluzioni
REPORT
Il report sull’accessibilità propone esempi di soluzione per i risultati negativi.
Esportazione
ESPORTA
I colori si esportano in CSS e JSON.
Risultato
Risultato
È uno strumento pubblico e un mio progetto: non ci sono clienti né risultati commerciali da riportare. Le prestazioni misurate sono molto alte.
PageSpeed mobile e desktop: 100 e 100, misurato il 29 ottobre 2026 con PageSpeed Insights
Su mobile LCP 0,8 s, TBT 0 ms e CLS 0. Su desktop LCP 0,2 s, TBT 0 ms e CLS 0. Accessibilità 96, Best practice 96 e SEO 92. Sono test di laboratorio (mobile con Moto G Power emulato e 4G lenta), non dati di utenti reali.
GTmetrix desktop: grade A, misurato il 29 ottobre 2026
Nello stesso giorno GTmetrix (solo desktop) ha dato Performance 93% e Struttura 99%, con LCP 1,3 s, TBT 0 ms e CLS 0. È un test di laboratorio, non un dato di utenti reali.
Limiti. L’analisi del sito è statica (HTML e CSS): non sostituisce un audit completo con strumenti automatici e verifica manuale.
Altri casi e servizi collegati
Altri casi e servizi collegati
Parliamone
Racconta cosa ti serve e partiamo da lì
Dopo la tua richiesta rispondo entro 24-48 ore e ci sentiamo per una chiamata conoscitiva di 15-20 minuti.