Simulatore daltonismo

Vedi la tua immagine attraverso gli occhi di qualcuno con un deficit della visione dei colori. Scegli il tipo, visualizza l'anteprima e scarica il risultato. Tutto funziona nel tuo browser.

Come funziona Simulatore daltonismo

Simulatore di daltonismo applica matrici di trasformazione del colore all'immagine per mostrare come appare alle persone con protanopia (cieco al rosso), deuteranopia (cieco al verde), tritanopia (cieco al blu) o acromatopsia (cecità cromatica completa). Le matrici vengono applicate pixel per pixel usando Canvas.getImageData() e Canvas.putImageData() nel browser. Nessun dato immagine viene trasmesso a un server.

Le simulazioni si basano su modelli percettivi pubblicati derivati da studi sulla deficienza della visione dei colori. Sono approssimazioni di come il sistema visivo di una persona affetta elabora il colore, non riproduzioni esatte dell'esperienza individuale, che varia. Lo strumento è progettato per aiutare designer e sviluppatori a identificare problemi di contrasto o di codifica cromatica che influenzerebbero una quota significativa del loro pubblico: circa l'8% degli uomini e lo 0,5% delle donne ha una qualche forma di deficienza della visione dei colori.

Scritto da Bastien Sulyan

Come usare Simulatore daltonismo, passo dopo passo

Trascina l'immagine nell'area di caricamento o fai clic per sfogliarla.
Seleziona un tipo di deficienza della visione dei colori dal menu: protanopia, deuteranopia, tritanopia o acromatopsia.
Visualizza il risultato simulato accanto all'originale nel pannello di confronto.
Alterna tra i tipi di simulazione per confrontare come ogni condizione influisce sull'immagine.
Usa la visualizzazione affiancata per identificare le aree in cui il colore da solo trasmette informazioni che potrebbero andare perdute.

Casi d'uso comuni

Un designer di interfacce utente verifica se un indicatore di stato rosso-verde è distinguibile per gli utenti con deuteranopia prima di rilasciare una funzionalità.
Un autore di visualizzazioni dati verifica che un grafico a più linee con serie codificate a colori rimanga leggibile nella simulazione della protanopia.
Un brand designer valuta come un logo con colori sfumati appare in condizioni di acromatopsia per garantire che mantenga una forma e un contrasto riconoscibili.
Uno sviluppatore di giochi testa se le zone della mappa codificate a colori sono distinguibili per i giocatori con tritanopia e aggiunge riempimenti a motivo per integrare la codifica cromatica.

Domande frequenti

Quanto sono accurate le simulazioni di daltonismo?

Le simulazioni applicano matrici di trasformazione percettiva derivate dalla ricerca pubblicata sulla deficienza della visione dei colori. Sono approssimazioni scientificamente fondate dei casi tipici di ciascuna condizione. L'esperienza individuale varia: la gravità differisce tra persone con la stessa diagnosi e la simulazione non può tenere conto delle strategie compensative che alcuni utenti sviluppano. Considera l'output come un indicatore utile, non come un test definitivo.

Lo strumento copre tutti i tipi di daltonismo?

I quattro tipi coperti sono le forme più comuni di deficienza della visione dei colori e la cecità cromatica completa. I tipi di tricromatismo anomalo (protanomalia, deuteranomalia, tritanomalia), che rappresentano deficienze parziali, non sono modellati separatamente nella versione attuale.

La mia immagine viene analizzata su un server per produrre la simulazione?

No. La trasformazione della matrice cromatica viene calcolata localmente usando Canvas.getImageData() per leggere l'array dei pixel e Canvas.putImageData() per scrivere il risultato. Tutta l'elaborazione avviene all'interno della scheda del browser e i dati dell'immagine rimangono sul dispositivo.

Posso usare questo strumento per verificare i rapporti di contrasto dei colori?

Questo strumento mostra come i colori appaiono alle persone con deficienza della visione dei colori ma non calcola numericamente i rapporti di contrasto WCAG. Per il controllo numerico del contrasto, usa lo strumento Convertitore di colori, che include un verificatore di contrasto WCAG.

Lo strumento funziona con immagini che contengono testo?

Sì. La trasformazione viene applicata all'intero array di pixel, incluso qualsiasi testo renderizzato nell'immagine. Questo ti permette di verificare se il colore del testo rispetto allo sfondo rimane leggibile in ciascuna condizione simulata.

Strumenti correlati

Mantieni tutto locale, esplora gli strumenti complementari.

Tutti gli strumenti immagini