a11y.skipToMainContent
1

Simulatore di ciliegia di colore

Simula come immagini e disegni appaiono a persone con deficit di visione del colore. Applicare protanopia, deuteranopia, tritanopia e filtri acromatopsia per le immagini caricate o il modello di prova incorporato.

Upload an image or use the built-in test pattern below

Was this tool helpful?
Send output to:
Advertisement

How to use Color Blindness Simulator

  1. Utilizzare il modello di prova arcobaleno incorporato o caricare la propria immagine (mockup di progettazione, foto, grafici, o screenshot dell'interfaccia utente funzionano meglio).
  2. Fare clic sulle schede di tipo CVD (Protanopia, Deuteranopia, Tritanopia, Achromatopsia) per vedere come ogni tipo influisce sull'immagine.
  3. Toggle Split View per confrontare originale vs simulato side-by-side sulla stessa tela.
  4. Utilizzare il cursore Blend per comporre in un effetto parziale (utile per comprendere i casi di confine).

Che cos'e'?

Approssimativamente l'8% degli uomini e lo 0,5% delle donne hanno una qualche forma di carenza di visione del colore (CVD). Questo strumento utilizza le trasformazioni dello spazio di colore LMS (Long/Medium/Short cone) per simulare con precisione le immagini con diversi tipi di cecità del colore

Advertisement

FAQ

Quanto è accurata questa simulazione?
La simulazione utilizza il metodo standard di trasformazione cono-spaziale LMS (lineare RGB a LMS, azzerare la risposta carente del cono, convertire indietro). Questo è lo stesso modello matematico utilizzato dagli strumenti di accessibilità e dalla ricerca accademica. Rappresenta con precisione la visione cromatica dicromatica (mancando un tipo di cono) ma non può perfettamente simulare la tricromia anomala (sensibilità del cono mutato).
Perché dovrei usare questo per il design?
I progettisti utilizzano simulatori CVD per garantire grafici, UI, mappe e grafici rimangono distinguibili per gli utenti a colori. Ad esempio, gli indicatori del semaforo rosso-verde diventano indistinguibili con protanopia/deuteranopia — si aggiungerebbe la forma o le etichette di testo come un fallback.
Qual è la differenza tra protanopia e deuteranopia?
Protanopia significa che i coni L (lunghezza a onde lunghe/rosso) mancano, causando che i rossi appaiono molto più scuri. Deuteranopia significa che i coni M (medium-wavelength/green) sono mancanti, causando confusione simile rosso-verde ma con la percezione della luminosità normale. I filtri di simulazione producono risultati sottilmente diversi, soprattutto nella gamma rosso/magenta.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

← Back to Developer Tools · All tags

Last updated:

Advertisement