Simula l'aspetto visivo dei colori in diversi tipi di daltonismo
Strumenti CSS
Informazioni su questo strumento
Il simulatore di daltonismo ti permette di selezionare qualsiasi colore e vedere istantaneamente come appare a persone con protanopia, deuteranopia, tritanopia e acromatopsia. Utilizza matrici di trasformazione del colore scientificamente precise e genera risultati di confronto affiancati che mostrano i valori RGB e HEX per ogni simulazione.
Funzionalità principali
- Simula protanopia, deuteranopia, tritanopia e acromatopsia
- Selettore colore e input esadecimale per una selezione precisa del colore
- Griglia di confronto affiancata con la visione normale come riferimento
- Colori di esempio e generazione casuale di colori per test rapidi
- Visualizza i valori RGB e HEX simulati per ogni tipo
- Matrici di trasformazione del colore scientificamente precise
Casi d'uso
- Testare la conformità all'accessibilità delle scelte di colore UI
- Garantire che le visualizzazioni dei dati siano leggibili per tutti gli utenti
- Verificare che i colori del marchio siano adatti ai daltonici
- Strumento educativo per comprendere le carenze della visione dei colori
- Controllare le palette CSS prima del deployment
color-blindness
accessibility
a11y
simulation
Domande frequenti
Quali tipi di daltonismo simula lo strumento?
Lo strumento simula quattro tipi: protanopia (daltonismo rosso), deuteranopia (daltonismo verde), tritanopia (daltonismo blu) e acromatopsia (daltonismo totale). Ogni tipo utilizza matrici di trasformazione del colore scientificamente convalidate.
Quanto sono accurate le simulazioni?
Le simulazioni utilizzano matrici di trasformazione del colore consolidate nella ricerca sulla visione scientifica. Sebbene forniscano una buona approssimazione, l'esperienza individuale del daltonismo varia, quindi dovrebbero essere usate come riferimento piuttosto che come rappresentazione esatta.
Posso testare più colori contemporaneamente?
Lo strumento simula un colore alla volta, ma puoi passare rapidamente da un colore all'altro tramite il selettore colore, l'input esadecimale, i pulsanti di colore di esempio o il pulsante colore casuale. Ogni modifica aggiorna istantaneamente tutti e cinque i pannelli di simulazione.
I miei dati vengono inviati a un server?
No. Tutte le trasformazioni e le simulazioni di colore vengono calcolate localmente nel browser tramite JavaScript. Nessun dato viene caricato su un server, garantendo che le tue informazioni rimangano completamente private.
Come posso usarlo per i test di accessibilità?
Seleziona i colori utilizzati nel tuo design o applicazione e controlla se rimangono distinguibili tra le versioni simulate. Se i colori diventano troppo simili in qualsiasi tipo di simulazione, considera di regolare la palette per garantire l'accessibilità a tutti gli utenti.