Έλεγχος χρωματικής αντίθεσης
BetaΕλέγξτε εάν ο συνδυασμός χρωμάτων κειμένου και φόντου πληροί τις οδηγίες προσβασιμότητας WCAG.
- Δωρεάν
- Χωρίς εγγραφή
- Εκτελείται στο πρόγραμμα περιήγησής σας
- Λειτουργεί σε κινητά
{όνομα} με μια ματιά
- Είσοδος
- Χρώματα προσκηνίου και φόντου
- Έξοδος
- Αναλογία αντίθεσης και κατάσταση συμμόρφωσης WCAG
- Απόρρητο
- Όλα συμβαίνουν στη συσκευή σας. Δεν έχει ανέβει τίποτα.
- Τιμή
- Δωρεάν, χωρίς λογαριασμό, χωρίς υδατογράφημα.
Πώς να χρησιμοποιήσετε το Έλεγχος χρωματικής αντίθεσης
- 1Εισαγάγετε ένα χρώμα κειμένου (προσκηνίου) και ένα χρώμα φόντου.
- 2Το εργαλείο υπολογίζει αμέσως την αναλογία αντίθεσης μεταξύ των δύο χρωμάτων.
- 3Εμφανίζει εάν ο συνδυασμός περνά ή αποτυγχάνει τα πρότυπα WCAG AA και AAA για κανονικό και μεγάλο κείμενο.
Χαρακτηριστικά
- Υπολογισμός αναλογίας ζωντανής αντίθεσης.
- Κατάσταση συμμόρφωσης WCAG AA και AAA.
- Αποδέχεται μορφές χρώματος HEX, RGB ή HSL.
- Οπτική προεπισκόπηση κειμένου στο επιλεγμένο φόντο.
Έλεγχος χρωματικής αντίθεσης Συχνές ερωτήσεις
Τι είναι το WCAG;
Το WCAG σημαίνει Οδηγίες προσβασιμότητας περιεχομένου Ιστού. Είναι ένα σύνολο προτύπων για να γίνει το περιεχόμενο Ιστού πιο προσιτό σε άτομα με αναπηρίες, συμπεριλαμβανομένων των προβλημάτων όρασης.
Τι είναι η καλή αναλογία αντίθεσης; Το
Το WCAG AA απαιτεί αναλογία τουλάχιστον 4,5:1 για κανονικό κείμενο και 3,1:1 για μεγάλο κείμενο. Το WCAG AAA απαιτεί 7:1 για κανονικό κείμενο και 4,5:1 για μεγάλο κείμενο.
Γιατί έχει σημασία η αντίθεση;
Η υψηλή αντίθεση διασφαλίζει ότι το κείμενο είναι ευανάγνωστο και ευανάγνωστο για όλους, ειδικά για χρήστες με χαμηλή όραση ή αχρωματοψία.
Σχετικά εργαλεία
Μετατροπέας HEX σε RGBBetaΜετατρέψτε τους κωδικούς χρώματος HEX σε RGB και αντίστροφα αμέσως.Αποκωδικοποιητής Base64Αποκωδικοποιήστε το Base64 (τυπικό ή ασφαλές για URL) πίσω στο κείμενο.Κωδικοποιητής Base64Κωδικοποιήστε κείμενο στο Base64, με μια επιλογή ασφαλή για URL.Γεννήτρια ακτίνας συνόρωνΣτρογγυλοποιήστε τις γωνίες οπτικά, μία ή όλες ταυτόχρονα και αντιγράψτε τη συντομογραφία CSS.
Περισσότερα developer toolsΤελευταία ενημέρωση