Ελεγκτής Αντίθεσης Χρωμάτων
Ελέγξτε αμέσως την αναλογία αντίθεσης μεταξύ χρώματος κειμένου και χρώματος φόντου και τον συμμόρφωση με τα κριτήρια αναγνωσιμότητας (WCAG AA)
Χαρακτηριστικά
Άμεσος έλεγχος αναλογίας αντίθεσης
Εμφανίστε τη σύμμορφωση WCAG AA μόλις εισάγετε το χρώμα κειμένου και το χρώμα φόντου
Υποστήριξη επιλογέα και κώδικα
Καθορίστε χρώματα με επικόλληση HEX, συντομευμένης μορφής ή rgb() και επιλογή χρώματος
Εμφάνιση δείγματος δύο μεγεθών
Ελέγξτε αμέσως πώς φαίνεται το συνηθισμένο κείμενο και οι επικεφαλίδες
Εφαρμόστε χρώματα που θα περάσουν με ένα κλικ
Εφαρμόστε αμέσως προτεινόμενα χρώματα που διατηρούν την αποχρωματισμό ενώ αλλάζουν τη φωτεινότητα
Τρόπος χρήσης
Καθορίστε το χρώμα κειμένου
Επιλέξτε χρώμα χρησιμοποιώντας τον επιλογέα χρώματος ή εισάγετε ένα κώδικα χρώματος σε μία από τις μορφές: #333333, #333 ή rgb(51, 51, 51)
Καθορίστε το χρώμα φόντου
Καθορίστε το χρώμα φόντου με τον ίδιο τρόπο. Τα αποτελέσματα ενημερώνονται αυτόματα καθώς πληκτρολογείτε, χωρίς να χρειάζεται να πατήσετε κουμπί
Ελέγξτε την αναλογία, τη σύμμορφωση και τα δείγματα
Ελέγξτε την αναλογία αντίθεσης, τη σύμμορφωση για συνηθισμένο και μεγάλο κείμενο, την αξιολόγηση και πώς φαίνεται το δείγμα κειμένου
Εφαρμόστε τα προτεινόμενα χρώματα και επαληθεύστε ξανά
Εάν δεν περάσει, χρησιμοποιήστε τα κουμπιά "Αλλαγή χρώματος κειμένου σε..." για να εφαρμόσετε χρώματα που θα περάσουν. Μπορείτε επίσης να ανταλλάξετε το χρώμα κειμένου και φόντου χρησιμοποιώντας το κουμπί εναλλαγής
Περιπτώσεις χρήσης
Επαλήθευση χρωμάτων διαφανειών και υλικών
Ελέγξτε πριν τη δημιουργία εάν τα χρώματα κειμένου και φόντου στο εσωτερικό υλικό ή τις διαφάνειες είναι αναγνώσιμα
Έλεγχος χρωμάτων ιστοσελίδας
Επαληθεύστε ότι τα χρώματα του ιστοτόπου ή του banner συμμορφώνονται με τα κριτήρια προσβασιμότητας (WCAG AA)
Απόφαση χρήσης χρώματος ταυτότητας σε κύριο κείμενο
Καθορίστε πόσο σκούρο πρέπει να γίνει το χρώμα ταυτότητας για να χρησιμοποιηθεί ως χρώμα κειμένου σε κύριο κείμενο
Διόρθωση χρωμάτων που δεν πέρασαν
Διορθώστε τα χρώματα που επισημάνθηκαν διατηρώντας την αποχρωματισμό ενώ τα αλλάζετε σε χρώματα που θα περάσουν
Βασικές γνώσεις
Τι είναι η αναλογία αντίθεσης
Η αναλογία αντίθεσης είναι μια μέτρηση που εκφράζει τη διαφορά φωτεινότητας μεταξύ χρώματος κειμένου και χρώματος φόντου ως αριθμός από 1:1 έως 21:1. Ο συνδυασμός μαύρου και λευκού έχει τη μέγιστη τιμή 21:1, ενώ τα ίδια χρώματα έχουν την ελάχιστη τιμή 1:1.
- Πώς λειτουργεί ο υπολογισμός：Η αναλογία αντίθεσης υπολογίζεται με μετατροπή δύο χρωμάτων σε σχετική φωτεινότητα sRGB και στη συνέχεια διαίρεση προσθέτοντας 0,05 σε κάθε τιμή φωτεινότητας (η φωτεινότερη διαιρείται με τη σκοτεινότερη).
- Αναφορά αριθμητικών τιμών：Σε σχέση με λευκό φόντο (#FFFFFF), το γκρι #777777 έχει αναλογία αντίθεσης 4,47:1, #999999 έχει 2,84:1, και μαύρο (#000000) έχει 21:1.
Διαφορά μεταξύ AA και AAA του WCAG
Το WCAG είναι ένα διεθνές πρότυπο για την προσβασιμότητα περιεχομένου ιστού που ορίζει δύο επίπεδα συμμόρφωσης για την αναλογία αντίθεσης: AA και AAA.
- AA (Τυπικό επίπεδο)：Το AA απαιτεί αναλογία αντίθεσης τουλάχιστον 4,5:1 για συνηθισμένο κείμενο και τουλάχιστον 3,0:1 για μεγάλο κείμενο. Είναι το τυπικό επίπεδο που στοχεύουν γενικοί ιστοσελίδες.
- AAA (Πιο αυστηρό επίπεδο)：Το AAA απαιτεί αναλογία αντίθεσης τουλάχιστον 7:1 για συνηθισμένο κείμενο και τουλάχιστον 4,5:1 για μεγάλο κείμενο. Είναι το επίπεδο που στοχεύει την αναγνωσιμότητα για άτομα με χαμηλή όραση.
Ορισμός μεγάλου κειμένου
Το μεγάλο κείμενο του WCAG ορίζεται ως κείμενο περίπου 18 σημείων (24px) ή μεγαλύτερο, ή έντονο κείμενο 14 σημείων (περίπου 18,7px) ή μεγαλύτερο.
- Συνηθισμένο κείμενο：Το συνηθισμένο κείμενο είναι κείμενο που δεν έχει το μέγεθος του μεγάλου κειμένου, όπως κύριο κείμενο και σημειώσεις. Απαιτεί αναλογία αντίθεσης τουλάχιστον 4,5:1.
- Σχέση με επικεφαλίδες：Ακόμη και οι επικεφαλίδες θεωρούνται συνηθισμένο κείμενο εάν είναι μικρότερες από 24px και δεν είναι έντονες. Επομένως, πρέπει να ελέγχετε τόσο το μέγεθος όσο και το πάχος.
Ασφάλεια και Ιδιωτικότητα
Επεξεργασία στο πρόγραμμα περιήγησης
Τα δεδομένα που εισάγετε επεξεργάζονται μόνο μέσα στο πρόγραμμα περιήγησής σας και δεν αποστέλλονται προς τα έξω.
Επεξεργασία μόνο στο πρόγραμμα περιήγησης
Το Υπολογισμός αναλογίας αντίθεσης και προτάσεις χρώματος εκτελείται ολοκληρωτικά στο πρόγραμμα περιήγησής σας και τα δεδομένα εισόδου δεν αποστέλλονται σε κανέναν διακομιστή.
Η επικοινωνία είναι κρυπτογραφημένη μέσω HTTPS
Η φόρτωση της σελίδας είναι επίσης κρυπτογραφημένη με TLS και το περιεχόμενο δεν μπορεί να διαβαστεί από τρίτους.
Καμία αποστολή σε τρίτους
Τα δεδομένα εισόδου δεν αποστέλλονται σε εξωτερικές υπηρεσίες όπως δίκτυα διαφημίσεων ή ιχνηλάτες.
Χωρίς αυτόματη αποθήκευση αποτελεσμάτων
Το Κείμενο χρώματος και χρώμα φόντου που εισαγάγατε και οι υποδείξεις εισόδου δεν αποθηκεύονται στον διακομιστή.
Ακολουθήστε το RAKKOTOOLS στην Αναζήτηση Google
194 χρήσιμα εργαλεία γίνονται πιο εύκολο να βρεθούν στην Αναζήτηση Google και τις αναζητήσεις AI!
- Εμφανίζεται στην αναζήτηση
- Εμφανίζεται και στην αναζήτηση AI
- Ανακαλύψτε νέα εργαλεία
Πληροφορίες ενημερώσεων
- update #337
Προσθήκη ελεγκτή αντίθεσης χρώματος, αξιολόγηση της αναγνωσιμότητας του χρώματος κειμένου και χρώματος φόντου