Vai al contenuto
TextArray1.41.0
100% locale

Simulatore del daltonismo

Scopri come vede i colori una persona con daltonismo.

Ingresso
100
Uscita
Strumenti correlati
Convertitore di coloriStrumenti per sviluppatori
Controllo del contrastoStrumenti per sviluppatori
Estrattore di variabili di colore CSSnuovoStrumenti per sviluppatori
Differenza chiave i18nStrumenti per sviluppatori
Convertitore da TOML a JSONStrumenti per sviluppatori
SQL in JSONStrumenti per sviluppatori
Simulatore del daltonismo
Incolla un colore per riga e questo strumento mostra come appare a una persona con daltonismo, accanto all'originale. Converte ogni colore nello spazio di risposta dei coni LMS, applica una matrice di simulazione per il tipo di difetto scelto, quindi riconverte — lo stesso approccio utilizzato dai professionisti dell'accessibilità, eseguito interamente sul tuo computer.
Scegli il tipo di difetto tra le otto forme più comuni: protanopia, deuteranopia e tritanopia sono la perdita completa della risposta dei coni rosso, verde o blu; protanomalia, deuteranomalia e tritanomalia sono le versioni più lievi di "debolezza" che sono molto più comuni nella pratica; acromatopsia e acromatopallia simulano il daltonismo totale e parziale. Il cursore di intensità regola l'effetto dal 0% (invariato) al 100% (l'effetto simulato completo), utile per mostrare uno spettro di gravità piuttosto che un unico caso peggiore. L'output stampa in HEX, RGB o HSL, con un piccolo campione accanto a ogni valore affinché la differenza sia visibile, non solo leggibile.
Scrivi due colori su una riga — un colore di primo piano e uno di sfondo, in qualsiasi ordine — e lo strumento segnala anche il rapporto di contrasto WCAG tra di loro prima e dopo la simulazione, con superamento o mancato superamento rispetto alla soglia AA di 4.5:1. Questo cattura un'anomalia comune: un design con contrasto sufficiente per la visione tipica che crolla verso l'illeggibilità quando il rosso e il verde, o il blu e il giallo, diventano difficili da distinguere. I colori possono essere scritti come hex, rgb()/rgba(), hsl()/hsla() o nomi CSS comuni; una riga senza alcuno riconosciuto viene mantenuta come una breve nota anziché essere eliminata.
Tutto viene eseguito localmente nel tuo browser — nessun colore o file di design viene mai caricato. Copia il risultato, scaricalo come file .txt o rimandalo all'input per verificare un'altra tavolozza rispetto a un diverso tipo di difetto.
FAQ
Quale tipo di difetto dovrei controllare per primo?
La deuteranopia e la deuteranomalia (risposta verde ridotta o assente) sono le forme più comuni di gran lunga, seguite dai tipi protan (rosso). La tritanopia e la tritanomalia (blu) sono rare. Controllare i tre assi del colore fornisce l'immagine più completa.
Qual è la differenza tra protanopia e protanomalia?
La protanopia è un'assenza completa della risposta del cono sensibile al rosso; la protanomalia è una versione spostata e più debole della stessa. Le forme "-anomalia" sono la condizione più lieve e molto più comune — la dicromatopsia completa è comparativamente rara.
Come viene calcolata la simulazione?
Ogni colore viene convertito da RGB nello spazio di risposta dei coni LMS, la risposta del cono mancante o spostata viene ricostruita dagli altri due usando una matrice di simulazione fissa e il risultato viene riconvertito in RGB. L'acromatopsia è modellata separatamente come una scala di grigi basata sulla luminanza, poiché non c'è una singola perdita di cono da simulare lì.
Posso verificare il contrasto tra due colori dopo la simulazione?
Sì. Scrivi due colori su una riga — un colore di testo e uno sfondo, ad esempio — e lo strumento segnala il rapporto di contrasto WCAG sia prima che dopo il difetto simulato, in modo che tu possa vedere se una combinazione che passava rimane valida.
I miei colori vengono caricati da qualche parte?
No. La simulazione viene eseguita interamente nel tuo browser utilizzando JavaScript — nulla di ciò che incolli viene inviato a un server.