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

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

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

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

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

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

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #2596be

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

    Aa

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

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

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

    Κείμενο
    #000000
    Φόντο
    #2596be

    Πρότυπα 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 για λεπτομερή ρύθμιση
    • Πολλαπλές μορφές προεπισκόπησης

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

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