Έλεγχος αντίθεσης χρωμάτων

Πώς γίνεται

1. 1
   Συμπληρώστε τα πεδία

   Πληκτρολογήστε τους αριθμούς σας ή επιλέξτε τις επιλογές που χρειάζεστε.

2. 2
   Δείτε το αποτέλεσμα

   Η απάντηση ενημερώνεται αμέσως όταν αλλάζετε μια τιμή.

3. 3
   Χρησιμοποιήστε το

   Αντιγράψτε το αποτέλεσμα ή σημειώστε το. Τίποτα δεν στέλνεται πουθενά.

About this tool

Enter a text colour and a background colour as hex codes. You see the contrast ratio and whether it passes the WCAG 2 levels: AA needs 4.5 to 1 for normal text and 3 to 1 for large text, AAA needs 7 to 1 and 4.5 to 1. Good contrast helps everyone, especially people with low vision.

When to use it

Check text and background colours against WCAG contrast rules.

Tips

Aim for 4.5:1 for normal text and 3:1 for large text.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Λυμένο παράδειγμα

With the boxes at their starting values (Text colour (hex): #1f2937; Background colour (hex): #ffffff), the tool shows: AA, normal text (4.5 : 1): Pass; AA, large text (3 : 1): Pass; AAA, normal text (7 : 1): Pass; AAA, large text (4.5 : 1): Pass; Interface parts and icons (3 : 1): Pass; Contrast ratio: 14.68 : 1. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Συμβουλές για το καλύτερο αποτέλεσμα

Ελέγξτε κάθε πεδίο πριν εμπιστευτείτε ένα αποτέλεσμα, επειδή ένας λάθος αριθμός αλλάζει ολόκληρη την απάντηση. Χρησιμοποιήστε τους ακριβείς αριθμούς από μια μισθοδοσία, τιμολόγιο, πιστοποιητικό ή συμβόλαιο και σημειώστε την ημερομηνία του υπολογισμού. Οι συντελεστές, τα όρια και οι κανόνες αλλάζουν κατά καιρούς, οπότε για φόρους, τέλη και νομικά θέματα θεωρήστε το αποτέλεσμα εκτίμηση και επαληθεύστε το με την επίσημη πηγή που αναφέρεται σε αυτή τη σελίδα. Μπορείτε να δοκιμάσετε όσα σενάρια θέλετε· τίποτα δεν αποθηκεύεται ούτε στέλνεται και η ανανέωση της σελίδας καθαρίζει τα πεδία.