Προσομοιωτής Αχρωματοψίας

Δείτε την εικόνα σας μέσα από τα μάτια ατόμου με διαταραχή χρωματικής όρασης. Επιλέξτε τον τύπο, προεπισκοπήστε και κατεβάστε το αποτέλεσμα. Όλα εκτελούνται στο πρόγραμμα περιήγησής σας.

Πώς λειτουργεί το Προσομοιωτής αχρωματοψίας

Ο Color Blindness Simulator εφαρμόζει πίνακες χρωματικού μετασχηματισμού στην εικόνα σας για να δείξει πώς εμφανίζεται σε άτομα με πρωτανωπία (τύφλωση στο κόκκινο), δευτερανωπία (τύφλωση στο πράσινο), τριτανωπία (τύφλωση στο μπλε) ή αχρωματοψία (πλήρης αχρωματοψία). Οι πίνακες εφαρμόζονται εικονοστοιχείο προς εικονοστοιχείο χρησιμοποιώντας Canvas.getImageData() και Canvas.putImageData() στο πρόγραμμα περιήγησής σας. Κανένα δεδομένο εικόνας δεν μεταδίδεται σε διακομιστή.

Οι προσομοιώσεις βασίζονται σε δημοσιευμένα αντιληπτικά μοντέλα προερχόμενα από μελέτες έλλειψης χρωματικής όρασης. Είναι προσεγγίσεις του πώς το οπτικό σύστημα ενός επηρεαζόμενου ατόμου επεξεργάζεται το χρώμα, όχι ακριβείς αναπαραγωγές της ατομικής εμπειρίας, που ποικίλλει. Το εργαλείο σχεδιάστηκε για να βοηθήσει σχεδιαστές και προγραμματιστές να εντοπίσουν προβλήματα αντίθεσης ή χρωματικής κωδικοποίησης που θα επηρέαζαν ένα σημαντικό μερίδιο του κοινού τους: περίπου το 8 τοις εκατό των ανδρών και το 0,5 τοις εκατό των γυναικών έχουν κάποια μορφή έλλειψης χρωματικής όρασης.

Συγγραφή από Bastien Sulyan

Προσομοιωτής αχρωματοψίας: οδηγός βήμα προς βήμα

Ρίξτε την εικόνα σας στην περιοχή μεταφόρτωσης ή κάντε κλικ για αναζήτηση.
Επιλέξτε έναν τύπο έλλειψης χρωματικής όρασης από το μενού: πρωτανωπία, δευτερανωπία, τριτανωπία ή αχρωματοψία.
Δείτε το προσομοιωμένο αποτέλεσμα δίπλα στο αρχικό στον πίνακα σύγκρισης.
Εναλλάξου μεταξύ τύπων προσομοίωσης για να συγκρίνεις πώς κάθε κατάσταση επηρεάζει την εικόνα.
Χρησιμοποιήστε την προβολή δίπλα δίπλα για να εντοπίσετε περιοχές όπου το χρώμα από μόνο του μεταφέρει πληροφορία που μπορεί να χαθεί.

Συνήθεις περιπτώσεις χρήσης

Ένας σχεδιαστής διεπαφής ελέγχει αν ένας δείκτης κατάστασης κόκκινου και πράσινου είναι διακριτός για χρήστες με δευτερανωπία πριν αποστείλει ένα χαρακτηριστικό.
Ένας συγγραφέας οπτικοποίησης δεδομένων επαληθεύει ότι ένα γράφημα πολλαπλών γραμμών με χρωματικά κωδικοποιημένες σειρές παραμένει αναγνώσιμο στην προσομοίωση πρωτανωπίας.
Ένας σχεδιαστής μάρκας αξιολογεί πώς ένα λογότυπο με χρώματα διαβάθμισης διαβάζεται υπό αχρωματοψία για να διασφαλίσει ότι διατηρεί αναγνωρίσιμο σχήμα και αντίθεση.
Ένας προγραμματιστής παιχνιδιών δοκιμάζει αν οι χρωματικά κωδικοποιημένες ζώνες χάρτη είναι διακριτές για παίκτες με τριτανωπία και προσθέτει γεμίσματα μοτίβου για να συμπληρώσει τη χρωματική κωδικοποίηση.

Συχνές ερωτήσεις

Πόσο ακριβείς είναι οι προσομοιώσεις αχρωματοψίας;

Οι προσομοιώσεις εφαρμόζουν πίνακες αντιληπτικού μετασχηματισμού προερχόμενους από δημοσιευμένη έρευνα για την έλλειψη χρωματικής όρασης. Είναι επιστημονικά θεμελιωμένες προσεγγίσεις τυπικών περιπτώσεων κάθε κατάστασης. Η ατομική εμπειρία ποικίλλει: η σοβαρότητα διαφέρει μεταξύ ατόμων με την ίδια διάγνωση, και η προσομοίωση δεν μπορεί να λάβει υπόψη αντισταθμιστικές στρατηγικές που αναπτύσσουν κάποιοι χρήστες. Αντιμετώπισε την έξοδο ως χρήσιμη ένδειξη, όχι ως οριστική δοκιμή.

Καλύπτει το εργαλείο όλους τους τύπους αχρωματοψίας;

Οι τέσσερις τύποι που καλύπτονται είναι οι πιο κοινές μορφές έλλειψης χρωματικής όρασης και η πλήρης αχρωματοψία. Οι τύποι ανώμαλης τριχρωματοψίας (πρωτανωμαλία, δευτερανωμαλία, τριτανωμαλία), που αντιπροσωπεύουν μερικές ελλείψεις, δεν μοντελοποιούνται ξεχωριστά στην τρέχουσα έκδοση.

Αναλύεται η εικόνα μου σε διακομιστή για να παραχθεί η προσομοίωση;

Όχι. Ο μετασχηματισμός πίνακα χρωμάτων υπολογίζεται τοπικά χρησιμοποιώντας Canvas.getImageData() για την ανάγνωση του πίνακα εικονοστοιχείων και Canvas.putImageData() για την εγγραφή του αποτελέσματος. Όλη η επεξεργασία γίνεται μέσα στην καρτέλα του προγράμματος περιήγησης και τα δεδομένα της εικόνας παραμένουν στη συσκευή σας.

Μπορώ να χρησιμοποιήσω αυτό το εργαλείο για να ελέγξω τις αναλογίες χρωματικής αντίθεσης;

Αυτό το εργαλείο δείχνει πώς εμφανίζονται τα χρώματα σε άτομα με έλλειψη χρωματικής όρασης αλλά δεν υπολογίζει αριθμητικά τις αναλογίες αντίθεσης WCAG. Για αριθμητικό έλεγχο αντίθεσης, χρησιμοποίησε το εργαλείο Color Converter, που περιλαμβάνει έναν ελεγκτή αντίθεσης WCAG.

Λειτουργεί το εργαλείο με εικόνες που περιέχουν κείμενο;

Ναι. Ο μετασχηματισμός εφαρμόζεται σε ολόκληρο τον πίνακα εικονοστοιχείων, συμπεριλαμβανομένου κάθε κειμένου που αποδίδεται στην εικόνα. Αυτό σας επιτρέπει να ελέγξετε αν το χρώμα του κειμένου σε σχέση με το φόντο του παραμένει ευανάγνωστο υπό κάθε προσομοιωμένη κατάσταση.

Σχετικά εργαλεία

Κρατήστε τα πάντα τοπικά, εξερευνήστε συμπληρωματικά εργαλεία.

Όλα τα εργαλεία εικόνας