Πώς να υπολογίσετε Αντίθεση χρωμάτων

Η χρωματική αντίθεση της ιστοσελίδας στοιχείων εξαρτάται από τις διαφορές μεταξύ των επιπέδων φωτεινότητας τους και αποχρώσεις τους . Αν οι διαφορές φωτεινότητας και την απόχρωση ανάμεσα σε δύο χρώματα είναι πάνω από ένα συγκεκριμένο όριο , τα χρώματα έχουν επαρκή αντίθεση . Αν ένας ή και οι δύο μέτρων κάτω από το όριο , το World Wide Web Consortium, συνιστά να αλλάξετε τα χρώματα . Μπορείτε να υπολογίσετε το χρώμα αντίθεσης , αν γνωρίζετε τα RGB (κόκκινο - πράσινο-μπλε ) τις τιμές των δύο χρωμάτων . Σχεδιασμό ιστοσελίδων με αρκετή αντίθεση ανάμεσα στο φόντο και το κείμενο βελτιώνει την εμπειρία του χρήστη . Οδηγίες
Υπολογισμός διαφορά στο χρώμα φωτεινότητας

1

συμβολίσουμε το κόκκινο, πράσινο και μπλε αξίες του χρώματος κειμένου από τα R1 , G1 και Β1 αντίστοιχα . Δείξτε το κόκκινο, πράσινο και μπλε αξίες του χρώματος φόντου από το R2 , G2 και Β2 αντίστοιχα . 2

Compute ( 299 * R1 + 587 * G1 + 114 * B1 ) /1000 . Αυτή είναι η φωτεινότητα του χρώματος του κειμένου . Για παράδειγμα , ας υποθέσουμε ότι έχετε σκούρο πράσινο κείμενο, όπου R1 = 20 , G1 = 100 και Β1 = 20 , τότε η φωτεινότητα χρώμα του κειμένου είναι 66.96 , δεδομένου ότι ( 299 * 20 + 587 * 100 + 114 * 20 ) /1000 = 66.96 .

Η 3

Compute ( 299 * R2 + 587 * G2 + 114 * B2 ) /1000 . Αυτή είναι η φωτεινότητα του χρώματος φόντου . Για παράδειγμα , ας υποθέσουμε ότι έχετε ένα ελαφρύ ροζ φόντο , όπου R2 = 255 , G2 = 220 και Β2 = 240 , τότε το φόντο χρώμα φωτεινότητα είναι 232.75 , δεδομένου ότι ( 299 * 255 + 587 * 220 + 114 * 240 ) /1000 = 232.75 .
Η 4

Υπολογίστε τη διαφορά μεταξύ των επιπέδων φωτεινότητας . Αν η διαφορά είναι μικρότερη από 125 , θα πρέπει να προσαρμόσει ένα ή και τα δύο χρώματα για να αυξήσει τη διαφορά φωτεινότητας. Για παράδειγμα, από 232,75 - 66,96 = 165.79 , δεν χρειάζεται να αλλάξετε τα χρώματα
εικόνων Υπολογισμός Hue διαφορά
5

Υπολογίστε τη διαφορά μεταξύ των τιμών των κόκκινων του καθενός . χρώμα . Χρησιμοποιώντας το παραπάνω παράδειγμα , η διαφορά μεταξύ των τιμών των κόκκινων είναι 235 από το 255 - . 20 = 235
Η

6 Επαναλάβετε το βήμα 1 για το πράσινο και μπλε αξίες . Χρησιμοποιώντας το παραπάνω παράδειγμα , το πράσινο διαφορά είναι 120 (από 220 έως 100 = 120 ) , και το μπλε διαφορά είναι 220 (από 240 - 20 = 220 ) .
Η 7

Προσθέστε τις τρεις διαφορές για την απόκτηση η συνολική διαφορά απόχρωση . Εάν η διαφορά απόχρωση είναι μικρότερη από 500 , θα πρέπει να αλλάξει ένα ή και τα δύο από τα χρώματα . Για παράδειγμα , από το 235 + 120 + 220 = 575, δεν χρειάζεται να αλλάξετε τα χρώματα .
Η
εικόνων