Simulatore di daltonismo
Carica un'immagine e visualizza l'anteprima di come appare con protanopia, deuteranopia, tritanopia o daltonismo totale, poi scarica il risultato simulato.
Simulatore di daltonismo — Trascina un'immagine e vedi all'istante come apparirebbe a chi ha una visione cieca al rosso (protanopia), al verde (deuteranopia), al blu (tritanopia) o totalmente daltonica (acromatopsia). La simulazione viene eseguita interamente nel tuo browser su un canvas, pixel per pixel — la tua immagine non viene mai caricata su alcun server, così anche mockup e screenshot privati restano sul tuo dispositivo. Scegli un tipo, confronta l'originale fianco a fianco con il risultato e scarica il PNG simulato.
Cos'è Simulatore di daltonismo?
Il Simulatore di daltonismo è uno strumento gratuito nel browser che ridisegna un'immagine così come la percepirebbe una persona con una specifica deficienza della visione dei colori. Supporta le tre dicromazie comuni — protanopia (debolezza al rosso), deuteranopia (debolezza al verde) e tritanopia (debolezza al blu) — oltre all'acromatopsia, una visione completamente monocromatica (in scala di grigi). Designer, sviluppatori e revisori dell'accessibilità lo usano per verificare se grafici, stati dell'interfaccia, colori di stato e infografiche restano comprensibili quando è il solo colore a trasmettere il significato. Poiché circa un uomo su dodici presenta una qualche forma di deficienza della visione dei colori, simulare queste viste prima della pubblicazione aiuta a individuare design che si affidano troppo a un contrasto di colore che svanisce per una parte del tuo pubblico.
Come usare Simulatore di daltonismo
- Trascina un'immagine sull'area di caricamento, oppure cliccaci sopra per scegliere un file PNG, JPG o WebP dal tuo dispositivo.
- Apri il menu a discesa Tipo di visione dei colori e scegli Protanopia, Deuteranopia, Tritanopia o Acromatopsia (seleziona Nessuna per vedere l'originale invariato).
- L'anteprima simulata si aggiorna automaticamente accanto all'originale, così puoi confrontare i due fianco a fianco.
- Clicca su una qualsiasi anteprima per aprirla nel lightbox ingrandibile ed esaminare i dettagli da vicino.
- Premi Scarica per salvare l'immagine simulata come PNG, oppure Reimposta per cancellarla e provare un'altra immagine.
Esempi
Controllare un badge di stato rosso/verde
Carica uno screenshot di un'interfaccia che usa il rosso per 'error' e il verde per 'success', scegli Deuteranopia e osserva i due colori convergere verso una tonalità fangosa simile — un segnale che dovresti aggiungere icone o etichette invece di affidarti al solo colore.
Esaminare un grafico di dati
Carica un grafico a linee a più serie o a torta, alterna tra Protanopia e Tritanopia e verifica che ogni serie resti distinguibile; se le linee si fondono, regola la palette o aggiungi delle texture.
Test di leggibilità in scala di grigi completa
Scegli Acromatopsia per appiattire l'immagine alla sola luminanza; se il testo o gli elementi chiave scompaiono, il tuo design dipende dalla tinta anziché dal contrasto di luminosità.
Domande frequenti
- Quali tipi di daltonismo può simulare?
- Simula protanopia (cecità al rosso), deuteranopia (cecità al verde) e tritanopia (cecità al blu) usando matrici di trasformazione RGB standard, oltre all'acromatopsia, che converte l'immagine in una scala di grigi basata sulla luminanza. Scegliendo Nessuna l'immagine originale resta invariata.
- La mia immagine viene caricata su un server?
- No. L'intera simulazione avviene localmente nel tuo browser tramite un canvas HTML — il file non lascia mai il tuo dispositivo e nulla viene inviato ad alcun server, quindi funziona offline e mantiene private le immagini private.
- Quali formati di immagine e quale output posso usare?
- Puoi caricare immagini raster comuni come PNG, JPG e WebP. Il risultato simulato viene sempre esportato come PNG, così da preservare la trasparenza quando è presente.
- Quanto è accurata la simulazione?
- Usa approssimazioni con matrice di colore lineare ben note, ottime per individuare i problemi di dipendenza dal colore in interfacce e grafiche. Sono un valido aiuto pratico al design, non uno strumento diagnostico clinico o medico, quindi considera il risultato come un orientamento e non come una riproduzione esatta della visione di una singola persona.
- Perché i colori simulati appaiono smorzati o spostati?
- Ogni deficienza elimina o indebolisce una risposta dei coni, perciò i colori che dipendono da quel canale si spostano verso quelli rimanenti. Proprio questo collasso di tinte distinte in toni simili è l'effetto che vuoi rilevare prima della pubblicazione.
Strumenti correlati
Codice in immagine
Trasforma uno snippet di codice in un'elegante immagine PNG con evidenziazione della sintassi nel tuo browser, con tema, sfondo a gradiente o trasparente e spaziatura interna — senza alcun caricamento.
Verificatore di contrasto dei colori
Controlla il rapporto di contrasto WCAG tra un colore HEX di primo piano e uno di sfondo e verifica se supera AA e AAA per testo normale e grande.
Miscelatore di colori
Mescola due colori HEX nel rapporto scelto, nello spazio RGB o Lab, e ottieni il colore intermedio come campione e valore HEX copiabile.
Generatore di sfumature di colore
Trasforma un colore HEX di base in una scala di sfumature 50-950 in stile Tailwind, miscelando verso il bianco e il nero, ogni livello con campione e HEX copiabile.