Ελεγκτής Αντίθεσης WCAG
Έλεγχος εάν ο συνδυασμός χρώματος κειμένου και φόντου πληροί τα επίπεδα προσβασιμότητας AA και AAA.
Πώς να ελέγξετε τη σύγκριση δύο χρωμάτων
Επιλέξτε το χρώμα του κειμένου και του φόντου
Εισάγετε τους κωδικούς HEX ή χρησιμοποιήστε τους οπτικούς επιλογείς για και τα δύο χρώματα.
Συμβουλευτείτε το λόγο σύγκρισης
Θα δείτε την αναλογία που υπολογίζεται στιγμιαία μαζί με την προεπισκόπηση του κειμένου στο επιλεγμένο φόντο.
Ελέγξτε εάν πληροί WCAG AA ή AAA
Το εργαλείο υποδεικνύει εάν ο συνδυασμός είναι κατάλληλος για κανονικό κείμενο και για μεγάλο κείμενο, σε κάθε επίπεδο.
Συχνές ερωτήσεις σχετικά με την αντίθεση χρωμάτων
Η καλή αντίθεση μεταξύ κειμένου και φόντου είναι απαραίτητη ώστε οποιοσδήποτε να μπορεί να διαβάσει το περιεχόμενό σας, συμπεριλαμβανομένων των ατόμων με χαμηλή όραση. Το PDFDocks υπολογίζει την ακριβή αναλογία σύμφωνα με το πρότυπο WCAG.
Τι σημαίνουν AA και AAA;
+
Είναι τα δύο επίπεδα συμμόρφωσης των κατευθυντήριων γραμμών προσβασιμότητας WCAG: AA είναι το ελάχιστο συνιστώμενο και AAA είναι το πιο απαιτητικό επίπεδο.
Ποια αναλογία αντίθεσης χρειάζομαι;
+
Για κανονικό κείμενο συνιστάται ελάχιστο 4,5:1 (AA) ή 7:1 (AAA). Για μεγάλο κείμενο, 3:1 (AA) ή 4,5:1 (AAA).
Γιατί είναι σημαντική η αντίθεση;
+
Η ανεπαρκής αντίθεση δυσκολεύει την ανάγνωση, ειδικά για άτομα με χαμηλή όραση ή σε οθόνες με πολύ περιβαλλοντικό φως.
Πρέπει να εγκαταστήσω κάποιο πρόγραμμα;
+
Όχι, δεν χρειάζεται να εγκαταστήσετε τίποτα. Λειτουργεί απευθείας από τον περιηγητή.
Είναι δωρεάν;
+
Ναι, αυτό το εργαλείο είναι εντελώς δωρεάν.
Λειτουργεί για τον έλεγχο του σχεδιασμού ολόκληρης ιστοσελίδας;
+
Λειτουργεί για τον έλεγχο συγκεκριμένων συνδυασμών· για τον έλεγχο ολόκληρης ιστοσελίδας θα πρέπει να αναθεωρήσεις κάθε συνδυασμό κειμένου και φόντου που χρησιμοποιείς.
Χρώματα
Μετατροπέας χρωμάτων (HEX, RGB, HSL, CMYK)
Μετατρέψτε οποιοδήποτε χρώμα μεταξύ HEX, RGB, HSL και CMYK στιγμιαία, με ζωντανή προεπισκόπηση και το πλησιέστερο όνομα χρώματος.
Δημιουργός Παλέτας Χρωμάτων
Δημιουργήστε αρμονικές παλέτες 5 χρωμάτων (συμπληρωματικές, ανάλογες, τριαδικές ή μονοχρωματικές) από ένα βασικό χρώμα.
Γεννήτρια Διαβαθμίσεων CSS
Δημιουργήστε γραμμικές ή ακτινικές διαβαθμίσεις με έως 4 χρώματα και αντιγράψτε τον κώδικα CSS έτοιμο για χρήση.
Τυχαίο χρώμα
Δημιουργήστε ένα τυχαίο χρώμα με ένα κλικ και ανακαλύψτε το όνομά του, τον κωδικό HEX/RGB/HSL και παρόμοια χρώματα.
Επιλογέας χρώματος (σταγονόμετρο)
Επιλέξτε οποιοδήποτε χρώμα από την οθόνη σας με το εργαλείο pipette του browser, ή χρησιμοποιήστε τον κλασικό επιλογέα.
Προσομοιωτής Δαλτονισμού
Ανεβάστε μια εικόνα και δείτε πώς θα την έβλεπαν άτομα με προτανωπία, δευτερανωπία ή τριτανωπία.
Γεννήτρια Mesh Gradient
Δημιουργήστε φόντα με mesh gradients (θολωμένες κηλίδες χρώματος) και κατεβάστε τα σε PNG ή αντιγράψτε τον κώδικα CSS.
Γεννήτρια Τόνων και Σκιών
Δημιουργεί αυτόματα τους ανοιχτότερους τόνους και τις σκοτεινότερες σκιές κάθε χρώματος, με τον κωδικό HEX του.
Μίξη Χρωμάτων
Αναμείξτε δύο χρώματα και ανακαλύψτε τις ενδιάμεσες αποχρώσεις βήμα προς βήμα, με τον κωδικό HEX τους.
Τροχός Χρωμάτων (Αρμονίες)
Επιλέξτε ένα χρώμα στον τροχό και ανακαλύψτε τους αρμονικούς συνδυασμούς του: συμπληρωματικά, ανάλογα, τριαδικά και πολλά άλλα.
Εξαγωγέας Παλέτας από Εικόνα
Ανεβάστε μια εικόνα και εξάγετε αυτόματα τα κύρια χρώματά της σε μια παλέτα, με τον κωδικό HEX καθενός.
Μέσο Χρώμα Εικόνας
Ανεβάστε μια εικόνα και υπολογίστε αμέσως το μέσο χρώμα της, με τους κωδικούς HEX, RGB και HSL.
Εξερευνήστε τα χρώματα κατά οικογένεια
Περισσότερα από 469 ονοματισμένα χρώματα, με τους κωδικούς HEX, RGB, HSL και CMYK, οργανωμένα σε 12 οικογένειες αποχρώσεων.
