Υπολογιστής Λόγου Αντίθεσης Χρωμάτων WCAG
Μετρήστε τον λόγο αντίθεσης WCAG μεταξύ ενός χρώματος προσκηνίου και φόντου για να επιβεβαιώσετε ότι το κείμενό σας είναι ευανάγνωστο και προσβάσιμο.
Higher is more readable (max 21:1)
- 1
Fg relative luminance
0.2126×0,0103 + 0.7152×0,0103 + 0.0722×0,0103 = 0,0103Each sRGB channel is gamma-linearised (transfer function) then weighted per WCAG - 2
Bg relative luminance
0.2126×1 + 0.7152×1 + 0.0722×1 = 1 - 3
Contrast ratio
(1 + 0.05) ÷ (0,0103 + 0.05) = 17,40
Πώς λειτουργεί αυτή η αριθμομηχανή;
Ο λόγος αντίθεσης WCAG είναι (φωτεινότητα ανοιχτότερου + 0.05) / (φωτεινότητα σκουρότερου + 0.05), με εύρος από 1:1 έως 21:1. Στοχεύστε σε τουλάχιστον 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο ώστε να πληροίτε το AA, ή 7:1 και 4.5:1 για AAA. Εισαγάγετε δύο δεκαεξαδικά χρώματα για άμεσο έλεγχο.
Τύπος
How this is calculated
Εισαγάγετε ένα δεκαεξαδικό χρώμα προσκηνίου (κείμενο) και ένα δεκαεξαδικό χρώμα φόντου. Γίνονται δεκτές τόσο οι σύντομες μορφές 3 ψηφίων (#fff) όσο και οι μορφές 6 ψηφίων (#ffffff), με ή χωρίς το αρχικό "#".
Κάθε χρώμα μετατρέπεται στη σχετική του φωτεινότητα. Η τιμή του καναλιού 8 bit διαιρείται με το 255 και στη συνέχεια γραμμικοποιείται: αν το αποτέλεσμα s είναι ίσο ή μικρότερο από 0.03928 διαιρείται με το 12.92, διαφορετικά γίνεται ((s + 0.055) / 1.055) υψωμένο στη δύναμη 2.4. Οι γραμμικοποιημένες τιμές κόκκινου, πράσινου και μπλε σταθμίζονται με 0.2126, 0.7152 και 0.0722 αντίστοιχα και αθροίζονται για να δώσουν τη φωτεινότητα L. Ο λόγος αντίθεσης είναι (Llighter + 0.05) / (Ldarker + 0.05), όπου ο όρος 0.05 μοντελοποιεί το φως περιβάλλοντος. Οι λόγοι κυμαίνονται από 1:1 (ταυτόσημα χρώματα) έως 21:1 (καθαρό μαύρο σε καθαρό λευκό).
Τα όρια του WCAG 2.1 καθορίζουν τα αποτελέσματα επιτυχίας: το AA απαιτεί τουλάχιστον 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο (περίπου 18pt, ή 14pt έντονο)· το AAA απαιτεί 7:1 για κανονικό κείμενο και 4.5:1 για μεγάλο κείμενο. Ο υπολογισμός είναι συμμετρικός, οπότε η εναλλαγή προσκηνίου και φόντου δίνει τον ίδιο λόγο. Αξιολογεί μόνο το χρώμα και δεν λαμβάνει υπόψη τη διαφάνεια, την εξομάλυνση ή τα επικαλυπτόμενα επίπεδα.
Συχνές ερωτήσεις
Τουλάχιστον 4.5:1 για κανονικό κείμενο σώματος και 3:1 για μεγάλο κείμενο (περίπου 18pt κανονικό ή 14pt έντονο). Για το αυστηρότερο επίπεδο AAA χρειάζεστε 7:1 για κανονικό και 4.5:1 για μεγάλο.
Όχι. Ο τύπος χρησιμοποιεί την ανοιχτότερη και τη σκουρότερη φωτεινότητα ανεξάρτητα από το ποιο χρώμα ορίζετε ως προσκήνιο, οπότε η εναλλαγή των δύο εισόδων δίνει τον ίδιο λόγο.
Το καθαρό λευκό έχει σχετική φωτεινότητα 1 και το καθαρό μαύρο 0. Αντικαθιστώντας αυτά στο (1 + 0.05) / (0 + 0.05) προκύπτει ακριβώς 21, η υψηλότερη επιτεύξιμη αντίθεση.
Γνωστό και ως
TG we-Calculate Editorial Team. (2026). Υπολογιστής Λόγου Αντίθεσης Χρωμάτων WCAG [Online calculator]. TG we-Calculate. https://we-calculate.com/el/calculator/color-contrast-ratio-calculator
TG we-Calculate Editorial Team. "Υπολογιστής Λόγου Αντίθεσης Χρωμάτων WCAG." TG we-Calculate. 2026. https://we-calculate.com/el/calculator/color-contrast-ratio-calculator.
TG we-Calculate Editorial Team, "Υπολογιστής Λόγου Αντίθεσης Χρωμάτων WCAG," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/el/calculator/color-contrast-ratio-calculator
@misc{wecalculate_color_contrast_ratio_calculator, title = {Υπολογιστής Λόγου Αντίθεσης Χρωμάτων WCAG}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/el/calculator/color-contrast-ratio-calculator}}, year = {2026}, note = {TG we-Calculate} }
Σας βοήθησε αυτή η αριθμομηχανή;