Color Blindness Simulator

Informazioni su questo strumento

Il Simulatore di Daltonismo applica filtri matrice colore CSS a colori campione per mostrare come i design appaiono alle persone con diversi tipi di deficit visivo del colore.

Usalo quando progetti componenti UI, grafici, mappe o qualsiasi contenuto visivo che si affida al colore per trasmettere informazioni.

Tipi di daltonismo

• Visione normale: Visione normale: percezione completa dei colori
• Protanopia (cieco al rosso): Protanopia: coni rossi mancanti (~1% dei maschi)
• Deuteranopia (cieco al verde): Deuteranopia: coni verdi mancanti (più comune, ~1% dei maschi)
• Tritanopia (cieco al blu): Tritanopia: coni blu mancanti (rara, ~0,003%)
• Acromatopsia (nessun colore): Acromatopsia: nessuna percezione del colore, solo scala di grigi (molto rara)
• Acromatopsia parziale (colore ridotto): Acromatopsia parziale: sensibilità ridotta al colore su più tipi di coni

Come usare

1. Seleziona un tipo di simulazione dal menu a discesa.
2. Osserva come i campioni di colore e lo spettro cambiano con il filtro applicato.
3. Confronta con la visione normale per identificare combinazioni di colori problematiche.

Casi d'uso

I designer UI/UX verificano che gli stati dei pulsanti e gli indicatori di stato rimangano distinguibili. I creatori di visualizzazioni dati assicurano che i colori dei grafici siano accessibili.

Domande frequenti

• Quanto sono accurate queste simulazioni? — Usano trasformazioni di matrice colore consolidate e sono buone approssimazioni.
• Quante persone hanno il daltonismo? — Circa l'8% dei maschi e lo 0,5% delle femmine hanno qualche forma di deficit visivo del colore.
• Qual è il modo migliore per progettare per il daltonismo? — Combina il colore con altri segnali visivi come forma, motivo, etichetta o texture. Assicura un contrasto sufficiente e testa con più tipi di simulazione.