Linearizzazione sRGB di un canale
C_lin = C ÷ 12,92 se C ≤ 0,04045, altrimenti ((C + 0,055) ÷ 1,055)^2,4
C è il valore del canale tra 0 e 1 (valore ÷ 255).
Simulatore di daltonismo
Carica un’immagine e simula localmente protanopia, deuteranopia, tritanopia o acromatopsia.
- Esporta
Immagine
Nessuna immagine caricata
Trascina qui un’immagine
Aggiungi un’immagine PNG, JPEG o WebP. Il file resta sul dispositivo e tutte le modifiche vengono eseguite localmente nel browser.
Ti servono più opzioni?
Usa più strumenti di modifica in un unico spazio, con il file aperto e le modifiche in corso.
Apri l’editor completoElaborazione…0 %
Questo strumento ti è stato utile?
Come funziona questo strumento?
Circa l’8 % degli uomini e lo 0,5 % delle donne di origine nordeuropea distingue male alcuni colori, soprattutto il rosso e il verde. Questo simulatore mostra come può essere percepita un’immagine, un mockup o un grafico con sette forme di daltonismo, per individuare prima della pubblicazione una legenda, uno stato o un pulsante che si distingue solo per il colore.
Importa un’immagine PNG, JPEG o WebP, scegli un Tipo di simulazione e fai clic su Applica simulazione. Sono disponibili tre dicromatismi, in cui manca un tipo di cono (protanopia per il rosso, deuteranopia per il verde, tritanopia per il blu), tre tricromatismi anomali più frequenti e più lievi (protanomalia, deuteranomalia, tritanomalia) e l’acromatopsia, che conserva solo la luminosità.
Ogni pixel viene prima convertito da sRGB a luce lineare, poi moltiplicato per la matrice 3 × 3 pubblicata da Machado, Oliveira e Fernandes (2009) per il tipo scelto: severità 1,0 per i dicromatismi, 0,6 per le anomalie. Il risultato viene poi ricodificato in sRGB. L’acromatopsia sostituisce ogni colore con la sua luminanza relativa.
L’immagine simulata è limitata a 1600 px sul lato più lungo, sufficiente per un controllo visivo. Prima / dopo e Affiancate confrontano l’originale con la simulazione. Tutto il calcolo resta nel tuo browser.
Come usare questo strumento
Importa l’immagine
Trascina uno screenshot, un mockup o un grafico in PNG, JPEG o WebP.
Scegli il tipo
Seleziona per esempio Deuteranopia, la forma più frequente di daltonismo rosso-verde, e applica la simulazione.
Confronta e scarica
Usa Prima / dopo per confrontare e scarica l’immagine simulata se vuoi condividerla.
Calcolo della simulazione
Le matrici di Machado si applicano alla luce lineare: ogni canale viene linearizzato, trasformato e ricodificato in sRGB.
Trasformazione del colore
(R', G', B') = M × (R_lin, G_lin, B_lin)
Il risultato è limitato tra 0 e 1 e ricodificato in sRGB con la funzione inversa.
- C
- valore del canale rosso, verde o blu, tra 0 e 1
- M
- matrice 3 × 3 del tipo di daltonismo scelto
- R', G', B'
- colore percepito, in luce lineare
Casi d’uso
Grafici e dashboard
Verifica che le curve rossa e verde di un grafico restino distinguibili senza leggere la legenda.
Interfacce e moduli
Controlla che un campo in errore o uno stato «approvato» resti riconoscibile senza il suo colore.
Mappe e stampati
Prova una mappa, una piantina della metropolitana o un manifesto prima della stampa.
Esempi
Rosso e verde di una dashboard con deuteranopia
I due colori diventano due toni oliva quasi identici: il loro canale rosso differisce di un solo punto. Uno stato indicato solo dal colore diventa illeggibile; aggiungi un’icona o un testo.
Input
Indicatore «errore» #E53935 e indicatore «successo» #43A047, simulazione Deuteranopia (senza verde)Risultato
Rosso simulato #98892E (152, 137, 46); verde simulato #978A4E (151, 138, 78)Gli stessi colori con acromatopsia
La luminanza relativa dei due colori è vicina, quindi senza colore la differenza di grigio è piccola. Un contrasto di luminosità più marcato aiuterebbe tutti i lettori.
Input
#E53935 e #43A047, simulazione Acromatopsia (nessun colore)Risultato
Grigio #7B7B7B (123) e grigio #8D8D8D (141)Consigli e buone pratiche
- Prova almeno la deuteranopia e la protanopia: i daltonismi rosso-verde sono la grande maggioranza dei casi.
- Prima di provare un altro tipo, torna all’originale con Annulla (Ctrl+Z); altrimenti la nuova simulazione si applica all’immagine già simulata.
- Un’informazione non deve mai basarsi solo sul colore (WCAG 2.2, criterio 1.4.1): aggiungi una forma, un motivo o un’etichetta.
- La simulazione è un modello medio: la percezione cambia da persona a persona e da schermo a schermo. Non sostituisce un test con utenti reali.
Fonti e riferimenti
- G. M. Machado, M. M. Oliveira, L. A. F. Fernandes, A Physiologically-based Model for Simulation of Color Vision Deficiency (si apre in una nuova scheda), IEEE Transactions on Visualization and Computer Graphics, 2009Pagina in inglese
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2 — Use of Color (si apre in una nuova scheda)Pagina in inglese
Domande frequenti
Che differenza c’è tra protanopia e protanomalia?
Nella protanopia mancano i coni sensibili al rosso; nella protanomalia sono presenti ma spostati. Lo strumento simula la seconda con severità 0,6, quindi l’effetto è più lieve.
Quale tipo conviene provare per primo?
La deuteranomalia e la deuteranopia, poi la protanomalia e la protanopia. La tritanopia e l’acromatopsia sono molto più rare.
Su quale modello si basa la simulazione?
Sulle matrici di Machado, Oliveira e Fernandes (2009), applicate in RGB lineare. L’acromatopsia usa la luminanza relativa definita per sRGB.
Perché l’immagine scaricata è più piccola?
La simulazione è calcolata su una copia limitata a 1600 px sul lato più lungo. Serve a verificare un progetto, non a sostituire il tuo file.
La simulazione corregge i colori?
No. Mostra un risultato probabile; poi sei tu a modificare colori, contrasto o etichette del progetto originale.
La mia immagine viene caricata su un server?
No. Il calcolo pixel per pixel avviene nel tuo browser e l’immagine resta sul tuo dispositivo.
Strumenti correlati
Continua con questi strumenti
Strumenti simili o complementari a questo.
Strumenti simili
Converti un colore tra HEX, RGB e HSL con i valori equivalenti.
Immagini e graficaUsa questo strumento
Estrai una palette dominante da un’immagine senza inviarla a un server.
Immagini e graficaUsa questo strumento
Crea una tavolozza complementare, analoga, triadica o monocromatica a partire da un colore.
Immagini e graficaUsa questo strumento
Leggi anche
GuidaBuone pratichePrincipiante
Come creare una palette di colori da un’immagine?
Estrai i colori dominanti di un’immagine, assegna loro un ruolo e crea una palette coerente senza confondere frequenza e importanza visiva.
31 agosto 20263 min
RiferimentoConcetti e tecnologiePrincipiante
Come è costruita un’immagine digitale?
Scopri come pixel, canali di colore, profondità e trasparenza si combinano per formare un’immagine visualizzata sullo schermo.
31 agosto 20263 min
GuidaBuone pratichePrincipiante
Contrasto WCAG: come rendere accessibili i colori?
Comprendi le soglie di contrasto WCAG, misura una combinazione di colori e correggi i casi che ostacolano la lettura o l’uso dell’interfaccia.
31 agosto 20264 min