Ελεγκτής Αντίθεσης Χρωμάτων

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

1.00:1
Αντίθεση
Fail
Πολύ κακή

Κανονικό Κείμενο

AA (4.5:1)
AAA (7:1)

Μεγάλο κείμενο

AA (3:1)
AAA (4.5:1)
White
#ffffff
Satin Linen
#e6e4d4

Γρήγορες διορθώσεις

Aa

Τίτλος προεπισκόπησης

Η γρήγορη καφέ αλεπού πηδάει πάνω από τον τεμπέλη σκύλο

Παράδειγμα μικρού κειμένου (12px)

Κείμενο
#ffffff
Φόντο
#e6e4d4

Πρότυπα WCAG

Level AA

Ελάχιστη αναλογία αντίθεσης 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο. Απαιτείται για τις περισσότερες ιστοσελίδες.

Level AAA

Ενισχυμένη αναλογία αντίθεσης 7:1 για κανονικό κείμενο και 4.5:1 για μεγάλο κείμενο. Συνιστάται για βέλτιστη προσβασιμότητα.

Ανεπαρκής αντίθεση για όλα τα μεγέθη κειμένου - αποτυγχάνει στα πρότυπα WCAG.

Ελεγκτής αντίθεσης χρωμάτων

Υπολόγισε την αναλογία αντίθεσης των χρωμάτων κειμένου και φόντου.

Επίλεξε ένα χρώμα χρησιμοποιώντας τον Selector de color για το κείμενο και το χρώμα φόντου ή εισήγαγε ένα χρώμα σε μορφή RGB hexadecimal (π.χ., #259 ή #2596BE). Μπορείς να ρυθμίσεις τον ολισθητήρα για να επιλέξεις χρώμα. Οι Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού (WCAG) έχουν μια συγκεκριμένη οδηγία για να βοηθήσουν να καθοριστεί αν το κείμενο είναι αναγνώσιμο για άτομα με όραση. Αυτό το κριτήριο χρησιμοποιεί έναν συγκεκριμένο αλγόριθμο για να αντιστοιχίσει συνδυασμούς χρωμάτων σε συγκρίσιμες αναλογίες. Χρησιμοποιώντας αυτόν τον τύπο, το WCAG δηλώνει ότι μια αναλογία αντίθεσης χρωμάτων 4.5:1 με το κείμενο και το φόντο του είναι επαρκής για κανονικό κείμενο (σώμα), και το μεγάλο κείμενο (18+ pt κανονικό, ή 14+ pt έντονο) πρέπει να έχει τουλάχιστον αναλογία αντίθεσης 3:1.

Βασικά χαρακτηριστικά

  • Υπολογισμός αναλογίας αντίθεσης σε πραγματικό χρόνο
  • Έλεγχος συμμόρφωσης WCAG AA & AAA
  • Ρυθμιστικά HSL για λεπτομερή ρύθμιση
  • Πολλαπλές μορφές προεπισκόπησης

Προηγμένα εργαλεία

  • Αυτόματη διόρθωση χρώματος
  • Δείγματα κειμένου και φόντου
  • Ανίχνευση ονόματος χρώματος
  • Εξαγωγή αποτελεσμάτων