Παιχνίδια στον υπολογιστή- αυτός είναι ένας από τους πιο δημοφιλείς τρόπους διασκέδασης ελεύθερος χρόνος. Βυθιζόμενοι στον κόσμο ενός βιντεοπαιχνιδιού, ξεχνάμε πραγματικά προβλήματα και προβλήματα, χαλαρώνουμε και διασκεδάζουμε. Και αν αυτό είναι ένα διαδικτυακό παιχνίδι ή ένα παιχνίδι σε λειτουργία πολλών παικτών, τότε το κύριο πλεονέκτημά του είναι ότι εδώ μπορείτε να συναντήσετε πολλούς ανθρώπους από όλο τον κόσμο και να βρείτε όχι μόνο ομοϊδεάτες, αλλά και καλύτερους φίλους. Θέλετε να μάθετε πώς οι ρυθμίσεις παιχνιδιού, μέχρι το χρώμα στο MTA, μπορούν να επηρεάσουν τις αλληλεπιδράσεις σας με άλλους παίκτες; Συνέχισε να διαβάζεις!
Χαρακτηριστικά της λειτουργίας για πολλούς παίκτες
Έχετε αναρωτηθεί ποτέ: πώς να προσαρμόσετε τα χρώματα στο MTA ή σε κάποιο άλλο παιχνίδι; Κανένας από τους ανθρώπους που είχαν ποτέ την ευκαιρία να παίξουν ένα διαδικτυακό παιχνίδι με μεγάλο αριθμό παικτών δεν θα αρνηθεί ότι θέλουν να δείξουν τον εαυτό τους με το καλύτερο φως μπροστά σε άλλους. Μπορείτε να καυχηθείτε για τα ιδιαίτερα ακριβά πράγματατον χαρακτήρα σας, ξεχωρίστε στις γνώσεις σας για την ορολογία gaming ή απλώς προσαρμόστε τη διεπαφή του παιχνιδιού σας έτσι ώστε να λειτουργεί καλύτερα από αυτή των άπειρων παικτών.
Χρώματα στο "MTA" - τι πρέπει να γνωρίζετε;
Αν μιλάμε για μία από τις εκδόσεις της λειτουργίας πολλών παικτών του παιχνιδιού "GTA: San Andreas", "MTA", τότε το χρώμα παίζει πολύ σημαντικό ρόλο εδώ. Η δυνατότητα προσαρμογής του χρώματος του ψευδώνυμού σας στο MTA είναι μία από τις καλύτερες δεξιότητες που πρέπει να αποκτήσει κάθε αρχάριος παίκτης.
Έτσι, για να ρυθμίσετε το χρώμα του ψευδώνυμού σας, μεταβείτε στην εφαρμογή "MTA: SA" και κάντε κλικ στην επιλογή Ρυθμίσεις, επιλέξτε το όνομά σας και, στη συνέχεια, εισαγάγετε τον κωδικό χρώματος που θέλετε ακριβώς μπροστά από αυτό. Στο "MTA" υπάρχει μια μεγάλη παλέτα χρωμάτων για παρατσούκλια. Στο άρθρο έχουμε συμπεριλάβει δείγματα παλέτες από τις οποίες μπορείτε να επιλέξετε την απόχρωση που σας αρέσει.
Τώρα ξέρετε πώς μπορείτε να ξεχωρίσετε και να κάνετε το ψευδώνυμό σας διαφορετικό από τα ψευδώνυμα των αρχαρίων και των άπειρων παικτών. Φωτεινό, θα σας ξεχωρίσει από τους απλούς παίκτες και θα τραβήξει περισσότερη προσοχή πάνω σας. Απολαύστε το παιχνίδι σας!
Δυστυχώς, γευστικές αισθήσειςΔεν είναι ακόμη δυνατή η εμφάνιση στον ιστότοπο. Αλλά αυτό μπορεί να αντισταθμιστεί πλήρως με χρωματικό εύρος. Εξάλλου, τα χρώματα html σάς επιτρέπουν να εμφανίζετε οποιαδήποτε από τις εκατομμύρια αποχρώσεις. Ετσι " χρωματιστά μολύβιαΥπάρχουν πολλά περισσότερα από επτά στο σετ του.
Χρωματικός συνδυασμός σε html
Στο html, το χρώμα μπορεί να καθοριστεί σε διάφορες μορφές:
1. Ως δεκαεξαδική τιμή – χρησιμοποιείται ο κωδικός που καθορίζεται στο δεκαεξαδικό σύστημα αριθμών. Τέτοιοι χρωματικοί κώδικες σε html αποτελούνται από τρία ζεύγη δεκαεξαδικών αριθμών. Κάθε ζευγάρι είναι υπεύθυνο για τον κορεσμό της απόχρωσης με το κύριο χρώμα του:
- Το πρώτο αριθμητικό ζεύγος είναι υπεύθυνο για το κόκκινο χρώμα.
- Το δεύτερο ζεύγος είναι για το περιεχόμενο πράσινου χρώματος.
- Το τελευταίο είναι για το μπλε περιεχόμενό του.
Ένα σημάδι κατακερματισμού τοποθετείται στην αρχή του κωδικού (πριν από τους αριθμούς). Αυτός είναι ο δεκαεξαδικός χρωματικός κώδικας. Εκτός από τους αριθμούς από το 1 έως το 9, αυτό το σύστημα αριθμών χρησιμοποιεί γράμματα του λατινικού αλφαβήτου (A, B, C, D, E, F).
Για παράδειγμα, ο κώδικας λευκού χρώματος στο html θα μοιάζει με #FFFFFF:
2. Λέξη-κλειδί - Η HTML υποστηρίζει αυτήν τη στιγμή περίπου 147 λέξεις-κλειδιά. Αλλά δεν είναι όλες αυτές οι λέξεις μοναδικές. Μερικά από αυτά αναφέρονται στην ίδια απόχρωση.
Το γκρι χρώμα αντιπροσωπεύεται από δύο λέξεις-κλειδιά: γκρι και γκρι . Ο δεκαεξαδικός κωδικός τους (HEX) δίνεται με την ίδια τιμή #808080.
Παράδειγμα:
#808080
3. Σε μορφή RGB - αυτή η χρωματική κωδικοποίηση σε html βασίζεται στη χρήση τριών τιμών, που ορίζονται στην περιοχή από 0 έως 255. Καθεμία από αυτές καθορίζει τον κορεσμό της απόχρωσης με ένα από τα κύρια χρώματα:
- R – κόκκινο (κόκκινο);
- G – πράσινο (πράσινο).
- Β – μπλε (μπλε).
Ο αριθμός χρώματος σε μορφή RGB γράφεται με την ακόλουθη μορφή: rgb(0, 210, 100).
φόντο-χρώμα:rgb(100,186,43)
4. Στη μορφή RGBA - είναι μια βελτιωμένη μορφή RGB, όπου η τέταρτη τιμή ορίζει τη χρωματική διαφάνεια στη φόρμα δεκαδικόςαπό 0 έως 1.
Παράδειγμα χρήσης:
φόντο-χρώμα:rgba(100,86,143,0.2)
φόντο-χρώμα:rgba(100,86,143,0.5)
φόντο-χρώμα:rgba(100,86,143,0.8)
φόντο-χρώμα:rgba(100,86,143,1)
Πίνακες χρωμάτων HTML και γεννήτριες χρωμάτων
Με τόσο μεγάλη γκάμα μορφών ρύθμισης χρώματος, είναι εύκολο να μπερδευτείτε. Ως εκ τούτου, εφευρέθηκε ένας ειδικός πίνακας χρωμάτων. Παρέχει 147 βασικά ονόματα αποχρώσεων με κωδικούς συμμόρφωσης σε όλα τα βασικά πρότυπα χρώματος. Επιπλέον, κάθε πεδίο είναι εξοπλισμένο με μια γραμμή για οπτική επιλογή χρώματος. Ένας από αυτούς τους πίνακες παρουσιάζεται στον ιστότοπο colorscheme.ru:
Αλλά ακόμα και με αυτή τη δομή ταιριάσματος, η επιλογή της σωστής απόχρωσης μπορεί να είναι δύσκολη. Και δεν είναι γεγονός ότι ο πίνακας με τους χρωματικούς κωδικούς θα περιέχει αυτόν που χρειάζεστε.
Για να ξεπεράσετε αυτό το εμπόδιο και να κάνετε την επιλογή της σωστής απόχρωσης όσο το δυνατόν πιο εύκολη, έχουν αναπτυχθεί διαδραστικές υπηρεσίες web. Η διεπαφή χρήστη τους μπορεί να διαφέρει ελαφρώς μεταξύ τους.
Στον ιστότοπο html-color-codes.info η γεννήτρια χρωμάτων μοιάζει με αυτό:
Και στην υπηρεσία color-picker.appsmaster.co, αυτό το εργαλείο εφαρμόζεται λίγο διαφορετικά:
Ο κορεσμός κάθε χρώματος στη γεννήτρια ρυθμίζεται χρησιμοποιώντας ειδικά ρυθμιστικά. Οπτικά, η απόχρωση εμφανίζεται από το χρώμα του πλαισίου και του ορθογωνίου στην αριστερή πλευρά. Στο κάτω μέρος, 3 πεδία εμφανίζουν τον κωδικό χρώματος σε βασικές μορφές.
Αλλά η γεννήτρια χρωμάτων είναι διαθέσιμη όχι μόνο σε εξειδικευμένους ιστότοπους. Σχεδόν όλοι οι επεξεργαστές γραφικών είναι εξοπλισμένοι με ένα παρόμοιο εργαλείο. Για παράδειγμα, Photoshop:
Προφυλάξεις ασφαλείας κατά την εργασία με χρώμα
Και αυτό ήταν πολύ καιρό πριν, πίσω στην εποχή των καρτών γραφικών που υποστήριζαν μόνο 256 χρώματα. Σε εκείνες τις μακρινές εποχές OSμπορούσε να εμφανίσει μόνο έναν ορισμένο αριθμό αποχρώσεων οκτώ bit χωρίς παραμόρφωση.
Στη συνέχεια αναπτύχθηκε ένας υπέροχος πίνακας ασφαλών χρωμάτων. Προσδιόρισε 216 αποχρώσεις που μπορούσαν να εμφανιστούν χωρίς παραμόρφωση σε κανένα από τα προγράμματα περιήγησης εκείνης της εποχής. Και μέχρι σήμερα αυτό» σπουδαίο χειρόγραφο» είναι ακόμα διαθέσιμο σε ορισμένους πόρους:
Στις μέρες μας όλα έχουν αλλάξει. Επομένως, όλοι οι κανόνες ασφαλείας κατά την εργασία με χρώμα σε html ακυρώνονται εντελώς. Εξάλλου, το σύγχρονο υλικό υπολογιστών υποστηρίζει περισσότερες από 16 εκατομμύρια διαφορετικές αποχρώσεις. Και 216 ασφαλή χρώματα έχουν βυθιστεί στη λήθη.
Τα στοιχεία αυτά επιβεβαιώνονται πλήρως από τα στατιστικά στοιχεία. Κρίνοντας από αυτό, το 2014, μόνο το 0,5% των χρηστών έχει υπολογιστές που υποστηρίζουν μόνο 256 αποχρώσεις.
Τα βασικά της χρωματικής αρμονίας
Δεν είμαστε όλοι προικισμένοι με μια φυσική αρμονική αίσθηση της γεύσης. Να γιατί σωστή επιλογήτα χρώματα μπορεί να είναι μια πραγματική πρόκληση. Αλλά, έπαινος στην επιστήμη, κατάφερε ακόμη και να περιγράψει την χρωματική αρμονία με τη μορφή πολλών σχημάτων. Όλα βασίζονται στη χρήση ενός χρωματικού τροχού. Σχέδια για αρμονική επιλογή χρωμάτων σε html:
- Παράλληλος συνδυασμός χρωμάτων - όταν και οι δύο αποχρώσεις στον τροχό χρωμάτων είναι παράλληλες.
- Τριαδικό σχήμα - όλες οι γωνίες ενός τριγώνου βασίζονται σε ένα από τα χρώματα.
- Μονόχρωμο - όταν επιλέγονται πολλές κοντινές αποχρώσεις του ίδιου χρώματος.
- Η αναλογική είναι μια πιο προηγμένη έκδοση του μονοχρωματικού κυκλώματος. Σε αυτή την περίπτωση, οι αποχρώσεις του ίδιου χρώματος βρίσκονται σε μια ορισμένη απόσταση.
Η εφαρμογή όλων αυτών των σχημάτων παρουσιάζεται καλά στην υπηρεσία paletton.com. Σας επιτρέπει να επιλέξετε εύκολα ένα αρμονικό χρώμα.
Οι χρωματικοί κώδικες στο CSS χρησιμοποιούνται για τον καθορισμό χρωμάτων. Συνήθως, κωδικοί χρώματος ή χρωματικές τιμέςχρησιμοποιούνται για να ορίσετε το χρώμα είτε για το προσκήνιο ενός στοιχείου (π.χ. χρώμα κειμένου, χρώμα συνδέσμου) είτε για το χρώμα φόντου ενός στοιχείου (χρώμα φόντου, χρώμα μπλοκ). Μπορούν επίσης να χρησιμοποιηθούν για την αλλαγή του χρώματος ενός κουμπιού, περιγράμματος, δείκτη, αιώρησης και άλλων διακοσμητικών εφέ.
Μπορείτε να καθορίσετε τις τιμές των χρωμάτων σας σε διάφορες μορφές. Ο παρακάτω πίνακας παραθέτει όλες τις πιθανές μορφές:
Οι αναφερόμενες μορφές περιγράφονται λεπτομερέστερα παρακάτω.
Χρώματα CSS - Hex Codes
Δεκαεξαδικός χρωματικός κώδικαςείναι μια εξαψήφια αναπαράσταση του χρώματος. Τα δύο πρώτα ψηφία (RR) αντιπροσωπεύουν την κόκκινη τιμή, τα επόμενα δύο αντιπροσωπεύουν την πράσινη τιμή (GG) και τα δύο τελευταία αντιπροσωπεύουν την μπλε τιμή (BB).
CSS Colors - Short Hex Codes
Σύντομος εξαγωνικός χρωματικός κώδικαςείναι μια συντομότερη μορφή σημειογραφίας έξι χαρακτήρων. Σε αυτή τη μορφή, κάθε ψηφίο επαναλαμβάνεται για να παραχθεί μια ισοδύναμη εξαψήφια τιμή χρώματος. Για παράδειγμα: το #0F0 γίνεται #00FF00.
Η δεκαεξαδική τιμή μπορεί να ληφθεί από οποιοδήποτε γραφικό λογισμικό, όπως Adobe Photoshop, Core Draw, κ.λπ.
Κάθε δεκαεξαδικός χρωματικός κώδικας στο CSS θα έχει ένα σύμβολο κατακερματισμού "#". Ακολουθούν παραδείγματα χρήσης δεκαεξαδικών συμβολισμών.
Χρώματα CSS - Τιμές RGB
Τιμή RGBείναι ένας χρωματικός κώδικας που ορίζεται χρησιμοποιώντας την ιδιότητα rgb(). Αυτή η ιδιότητα παίρνει τρεις τιμές: μία για το κόκκινο, το πράσινο και το μπλε. Η τιμή μπορεί να είναι ακέραιος, από 0 έως 255, ή ποσοστό.
Σημείωση:Δεν υποστηρίζουν όλα τα προγράμματα περιήγησης την ιδιότητα χρώματος rgb(), επομένως δεν συνιστάται η χρήση της.
Παρακάτω είναι ένα παράδειγμα που δείχνει πολλά χρώματα χρησιμοποιώντας τιμές RGB.
Γεννήτρια κωδικών χρώματος
Μπορείτε να δημιουργήσετε εκατομμύρια χρωματικούς κωδικούς χρησιμοποιώντας την υπηρεσία μας.
Ασφαλή χρώματα προγράμματος περιήγησης
Παρακάτω είναι ένας πίνακας με 216 χρώματα που είναι τα πιο ασφαλή και ανεξάρτητα από τον υπολογιστή. Αυτά τα χρώματα στο CSS κυμαίνονται από 000000 έως δεκαεξαδικό κώδικα FFFFFF. Είναι ασφαλή στη χρήση, επειδή διασφαλίζουν ότι όλοι οι υπολογιστές εμφανίζουν σωστά το χρώμα όταν εργάζεστε με την παλέτα χρωμάτων 256.
| Πίνακας "ασφαλών" χρωμάτων σε CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Στην HTML, το χρώμα μπορεί να καθοριστεί με τρεις τρόπους:
Ορισμός χρώματος σε HTML με το όνομά του
Ορισμένα χρώματα μπορούν να καθοριστούν με το όνομά τους, χρησιμοποιώντας το όνομα χρώματος στο αγγλική γλώσσα. Η πιο κοινή λέξεις-κλειδιά: μαύρο (μαύρο), λευκό (άσπρο), κόκκινο (κόκκινο), πράσινο (πράσινο), μπλε (μπλε) κ.λπ.:
Χρώμα κειμένου – κόκκινο
Τα πιο δημοφιλή χρώματα του προτύπου World Wide Web Consortium (W3C):
| Χρώμα | Ονομα | Χρώμα | Ονομα | Χρώμα | Ονομα | Χρώμα | Ονομα |
|---|---|---|---|---|---|---|---|
| Μαύρος | Γκρί | Ασήμι | άσπρο | ||||
| Κίτρινος | Ασβεστος | Aqua | Φουξία | ||||
| το κόκκινο | Πράσινος | Μπλε | Μωβ | ||||
| Μαρόν | Ελιά | ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ | Βάσκας |
Παράδειγμα χρήσης διάφορα χρώματαονόματα:
Παράδειγμα: προσδιορίζοντας ένα χρώμα με το όνομά του
- Δοκιμάστε το μόνοι σας"
Κεφαλίδα σε κόκκινο φόντο
Κεφαλίδα σε πορτοκαλί φόντο
Κεφάλαιο σε ασβέστη φόντο
Λευκό κείμενο σε μπλε φόντο
Κεφαλίδα σε κόκκινο φόντο
Κεφαλίδα σε πορτοκαλί φόντο
Κεφάλαιο σε ασβέστη φόντο
Λευκό κείμενο σε μπλε φόντο
Καθορισμός χρώματος με χρήση RGB
Όταν εμφανίζονται διαφορετικά χρώματα σε μια οθόνη, η παλέτα RGB χρησιμοποιείται ως βάση. Οποιοδήποτε χρώμα λαμβάνεται με την ανάμειξη τριών βασικών: R - κόκκινο, G - πράσινο, Β - μπλε. Η φωτεινότητα κάθε χρώματος καθορίζεται ως ένα μόνο byte και επομένως μπορεί να λάβει τιμές από 0 έως 255. Για παράδειγμα, το RGB(255,0,0) εμφανίζεται ως κόκκινο επειδή το κόκκινο έχει οριστεί στο μέγιστο υψηλή αξία(255) και τα υπόλοιπα ορίζονται στο 0. Μπορείτε επίσης να ορίσετε το χρώμα ως ποσοστό. Κάθε παράμετρος υποδεικνύει το επίπεδο φωτεινότητας του αντίστοιχου χρώματος. Για παράδειγμα: οι τιμές rgb(127, 255, 127) και rgb(50%, 100%, 50%) θα οριστούν το ίδιο πράσινο χρώμαμεσαίος κορεσμός:
Παράδειγμα: Καθορισμός χρώματος με χρήση RGB
- Δοκιμάστε το μόνοι σας"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Ορισμός χρώματος με δεκαεξαδική τιμή
Αξίες R σολ σιμπορεί επίσης να καθοριστεί χρησιμοποιώντας δεκαεξαδικές (HEX) τιμές χρώματος με τη μορφή: #RRGGBB όπου τα RR (κόκκινο), GG (πράσινο) και BB (μπλε) είναι δεκαεξαδικές τιμές από 00 έως FF (ίδιο με το δεκαδικό 0-255 ) . Το δεκαεξαδικό σύστημα, σε αντίθεση με το δεκαδικό σύστημα, βασίζεται, όπως υποδηλώνει το όνομά του, στον αριθμό 16. Το δεκαεξαδικό σύστημα χρησιμοποιεί τα ακόλουθα σημάδια: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Εδώ οι αριθμοί από το 10 έως το 15 αντικαθίστανται από λατινικά γράμματα. Οι αριθμοί μεγαλύτεροι από 15 στο δεκαεξαδικό σύστημα αντιπροσωπεύονται με συνδυασμό δύο χαρακτήρων σε μία τιμή. Για παράδειγμα, ο μεγαλύτερος αριθμός 255 V μετρικό σύστημααντιστοιχεί στην υψηλότερη τιμή FF σε δεκαεξαδικό. Σε αντίθεση με το δεκαδικό σύστημα, πριν από έναν δεκαεξαδικό αριθμό υπάρχει ένα σύμβολο κατακερματισμού. # , για παράδειγμα, το #FF0000 εμφανίζεται ως κόκκινο επειδή το κόκκινο έχει οριστεί στην υψηλότερη τιμή του (FF) και τα υπόλοιπα χρώματα έχουν οριστεί στην ελάχιστη τιμή τους (00). Σημάδια μετά το σύμβολο κατακερματισμού # Μπορείτε να πληκτρολογήσετε και με κεφαλαία και πεζά. Το δεκαεξαδικό σύστημα σάς επιτρέπει να χρησιμοποιήσετε τη συντομευμένη μορφή #rgb, όπου κάθε χαρακτήρας ισοδυναμεί με διπλάσιο. Επομένως, η καταχώριση #f7O θα πρέπει να θεωρείται ως #ff7700.
Παράδειγμα: Χρώμα HEX
- Δοκιμάστε το μόνοι σας"
κόκκινο: #FF0000
πράσινο: #00FF00
μπλε: #0000FF
κόκκινο: #FF0000
πράσινο: #00FF00
μπλε: #0000FF
κόκκινο+πράσινο=κίτρινο: #FFFF00
κόκκινο+μπλε=μοβ: #FF00FF
πράσινο+μπλε=κυανό: #00FFFF
Λίστα κοινών χρωμάτων (όνομα, HEX και RGB):
| αγγλικό όνομα | Ρωσικό όνομα | Δείγμα | ΓΟΗΤΕΥΩ | RGB | ||
|---|---|---|---|---|---|---|
| Αμάραντος | Αμάραντος | #E52B50 | 229 | 43 | 80 | |
| Κεχριμπάρι | Κεχριμπάρι | #FFBF00 | 255 | 191 | 0 | |
| Aqua | Μπλε πράσινο | #00FFFF | 0 | 255 | 255 | |
| Γαλανός | Γαλανός | #007FFF | 0 | 127 | 255 | |
| Μαύρος | Μαύρος | #000000 | 0 | 0 | 0 | |
| Μπλε | Μπλε | #0000FF | 0 | 0 | 255 | |
| Bondi Blue | Το νερό της παραλίας Bondi | #0095B6 | 0 | 149 | 182 | |
| Ορείχαλκος | Ορείχαλκος | #B5A642 | 181 | 166 | 66 | |
| καφέ | καφέ | #964B00 | 150 | 75 | 0 | |
| Κυανός | Γαλανός | #007BA7 | 0 | 123 | 167 | |
| Σκούρο πράσινο της άνοιξης | Σκούρο πράσινο της άνοιξης | #177245 | 23 | 114 | 69 | |
| σμαράγδι | σμαράγδι | #50C878 | 80 | 200 | 120 | |
| Μελιτζάνα | Μελιτζάνα | #990066 | 153 | 0 | 102 | |
| Φουξία | Φουξία | #FF00FF | 255 | 0 | 255 | |
| Χρυσός | Χρυσός | #FFD700 | 250 | 215 | 0 | |
| Γκρί | Γκρί | #808080 | 128 | 128 | 128 | |
| Πράσινος | Πράσινος | #00FF00 | 0 | 255 | 0 | |
| Ινδικό | Ινδικό | #4B0082 | 75 | 0 | 130 | |
| Νεφρίτης | Νεφρίτης | #00A86B | 0 | 168 | 107 | |
| Ασβεστος | Ασβεστος | #CCFF00 | 204 | 255 | 0 | |
| Μαλαχίτης | Μαλαχίτης | #0BDA51 | 11 | 218 | 81 | |
| ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ | Σκούρο μπλε | #000080 | 0 | 0 | 128 | |
| Ωχρα | Ωχρα | #CC7722 | 204 | 119 | 34 | |
| Ελιά | Ελιά | #808000 | 128 | 128 | 0 | |
| Πορτοκάλι | Πορτοκάλι | #FFA500 | 255 | 165 | 0 | |
| Ροδάκινο | Ροδάκινο | #FFE5B4 | 255 | 229 | 180 | |
| Κολοκύθι | Κολοκύθι | #FF7518 | 255 | 117 | 24 | |
| Μωβ | Βιολέτα | #800080 | 128 | 0 | 128 | |
| το κόκκινο | το κόκκινο | #FF0000 | 255 | 0 | 0 | |
| Κρόκος | Κρόκος | #F4C430 | 244 | 196 | 48 | |
| Πράσινη θάλασσα | Πράσινη θάλασσα | #2E8B57 | 46 | 139 | 87 | |
| Βάλτο πράσινο | Μπολότνι | #ACB78E | 172 | 183 | 142 | |
| Βάσκας | Μπλε πράσινο | #008080 | 0 | 128 | 128 | |
| Βαθύ γαλάζιο | Βαθύ γαλάζιο | #120A8F | 18 | 10 | 143 | |
| Βιολέτα | Βιολέτα | #8B00FF | 139 | 0 | 255 | |
| Κίτρινος | Κίτρινος | #FFFF00 | 255 | 255 | 0 | |
Χρωματικοί κωδικοί (φόντο) κατά κορεσμό και απόχρωση.
Το CSS δεν είναι κατανοητό). Επομένως, ο μελλοντικός webmaster χρειάζεται απλώς να μελετήσει Εργαλεία HTML που σας επιτρέπουν να αλλάξετε χρώμα,για παράδειγμα, για να κάνετε φωτεινά και πολύχρωμα ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείουπου θα προσελκύσουν την προσοχή του κοινού-στόχου του ιστότοπου.
Αυτή η ανάρτηση είναι αρκετά μεγάλη, αλλά από αυτήν θα μάθετε για όλα τα τεχνικά χαρακτηριστικά της εργασίας με χρώμα χρησιμοποιώντας HTML. Θα ξεκινήσουμε την εγγραφή κατανοώντας το ερώτημα: γιατί χρειάζεται να επισημάνουμε ορισμένα στοιχεία μιας σελίδας HTML με χρώμα; Στη συνέχεια, θα μιλήσουμε για το μοντέλο RGB, το οποίο σας επιτρέπει να ορίσετε χρώματα σε HTML χρησιμοποιώντας ειδικούς κωδικούς (στην πορεία, θα δούμε δεκαδικούς χρωματικούς κώδικες και δεκαεξαδικές τιμές χρώματος HTML). Επίσης από αυτήν την ανάρτηση θα μάθετε για την παλέτα χρωμάτων και επίσης θα καταλάβετε γιατί δεν υπάρχει παλέτα σε HTML. Και στο τέλος αυτής της δημοσίευσης θα υπάρχει παραδείγματα αλλαγής χρώματος φόντου, κειμένου και συνδέσμων.
Χρήση χρωμάτων σε HTML
Οι σελίδες του ιστότοπου θα ήταν βαρετές και χωρίς εικόνες, όπως είπαμε νωρίτερα και με μεγάλη λεπτομέρεια. Αλλά οι εικόνες έχουν ένα σημαντικό μειονέκτημα: κάθε εικόνα είναι μια πρόσθετη και, κατά συνέπεια, ένα πρόσθετο φορτίο στη φιλοξενία.
Θα ήθελα να σημειώσω ότι δεν χρησιμοποίησα ούτε μία εικόνα για να σχεδιάσω το ιστολόγιό μου στο WordPress· η διάταξη σχεδιάστηκε πλήρως χρησιμοποιώντας χρώμα. Το ίδιο Σήμερα θα μιλήσουμε για τα χρώματα σε HTML. Τα χρώματα σε HTML χρησιμοποιούνται για διαφορετικούς σκοπούς, για παράδειγμα, μπορούμε να σχεδιάσουμε διατάξεις ιστότοπου επισημαίνοντας ορισμένα στοιχεία με το ένα ή το άλλο χρώμα.
Χρησιμοποιώντας χρώμα, μπορούμε να εστιάσουμε την προσοχή των επισκεπτών μας σε ένα συγκεκριμένο κείμενο ή μπλοκ του ιστότοπου. Σημειώστε ότι καθορίζεται επίσης χρησιμοποιώντας χρώμα με τέτοιο τρόπο ώστε ο χρήστης να μπορεί να καταλάβει: σε ποιον σύνδεσμο έχει ήδη κάνει κλικ, σε ποιον σύνδεσμο δεν έχει επισκεφτεί ακόμη και σε ποια σελίδα HTML βρίσκεται. αυτή τη στιγμή.
Πρόσεχε χρήση χρωμάτων για το σχεδιασμό εγγράφων HTML, δεν πάνε όλα τα χρώματα μαζί και δεν θα είναι όλα τα χρώματα ευχάριστα στους επισκέπτες του ιστότοπού σας. Αλλά θα ήταν καλύτερα να ρωτήσετε τους σχεδιαστές ιστού σχετικά με αυτές τις λεπτές αποχρώσεις· αυτό το άρθρο θα σας βοηθήσει να κατανοήσετε τα τεχνικά χαρακτηριστικά που σας επιτρέπουν να ελέγχετε το χρώμα των στοιχείων σελίδας HTML.
Αλλά δεν πρέπει να ξεχνάτε ότι το σχέδιο πρέπει να διαχωρίζεται από το περιεχόμενο, επομένως είναι καλύτερο να χρησιμοποιήσετε CSS για να χειριστείτε το χρώμα σε σελίδες HTML, αλλά θα μιλήσουμε για αυτό σε άλλη ανάρτηση. Τώρα θα δούμε Ποια εργαλεία διαθέτει η HTML για τον έλεγχο του χρώματος στις σελίδες του ιστότοπου;.
Στη βιομηχανία πληροφορικής, υπάρχουν πολλά μοντέλα χρωμάτων για χειρισμό χρώματος. Το πιο ευρέως χρησιμοποιούμενο μοντέλο χρωματικής αναπαράστασης είναι το μοντέλο RGB. Θα μιλήσουμε για μερικά από τα χαρακτηριστικά αυτού του μοντέλου εδώ και θα υπάρξει ξεχωριστή δημοσίευση για μια πιο λεπτομερή εισαγωγή στο RGB. Παρακάτω θα βρείτε μια λίστα μοντέλων χρωμάτων που χρησιμοποιούνται στο IT (όχι μόνο HTML και CSS):
- Μοντέλο RGB. Αυτό το μοντέλο έχει γίνει πολύ διαδεδομένο και είναι ίσως ένας από τους πιο βολικούς και συνηθισμένους τρόπους χειρισμού του χρώματος των στοιχείων HTML.
- Μοντέλο RGBA. Αυτό το μοντέλο μοιάζει πολύ με το μοντέλο RGB, αλλά περιλαμβάνει ένα κανάλι άλφα για το χρώμα. Το ιδιαίτερο χαρακτηριστικό του μοντέλου RGBA είναι ότι σας επιτρέπει να ρυθμίζετε όχι μόνο το χρώμα του στοιχείου HTML, αλλά και τη διαφάνειά τουλόγω της παρουσίας ενός καναλιού άλφα. Το μοντέλο RGBA προστέθηκε στο CSS3 και δεν υποστηρίζεται από παλαιότερα προγράμματα περιήγησης.
- Μοντέλο HSL. Η ιδιαιτερότητα του μοντέλου HSL είναι ότι ορίζουμε το χρώμα χρησιμοποιώντας τις παραμέτρους του: απόχρωση, επιπεδότητα και ελαφρότητα. Αυτό το μοντέλο είναι κάπως πιο δύσκολο να κατανοηθεί από το μοντέλο RGB.
- Μοντέλο HSLA. Αυτό το μοντέλο μοιάζει πολύ με το μοντέλο HSL, αλλά όπως και το μοντέλο RGBA, σας επιτρέπει να εργάζεστε με το κανάλι άλφα χρώματος, επομένως χρησιμοποιώντας το HSLA μπορούμε να ορίσουμε όχι μόνο το χρώμα ενός στοιχείου HTML στη σελίδα, αλλά και τη διαφάνειά του .
- Μοντέλο HSV (HSB). Αυτό το μοντέλο δεν πρέπει να συγχέεται με το μοντέλο HSL. Σημειώστε ότι τα πρώτα τέσσερα μοντέλα μπορούν να χρησιμοποιηθούν σε HTML ή CSS για τη σχεδίαση ιστοσελίδων, αλλά το μοντέλο HSV δεν μπορεί. Το HSV σχεδιάστηκε από έναν από τους ιδρυτές της Pixar το 1978 και μοιάζει πολύ με το HSL.
- Μοντέλο CMY ή CMYK. Αυτό το μοντέλο χρησιμοποιείται σε όλους τους έγχρωμους εκτυπωτές για εκτύπωση. Το μοντέλο CMYK βασίζεται στον κανόνα ότι η εκτύπωση πραγματοποιείται σε λευκά φύλλα χαρτιού. Οποιοδήποτε χρώμα CMYK λαμβάνεται με ανάμειξη κυανού (απαλό μπλε, τυρκουάζ), ματζέντα (ματζέντα) και κίτρινου. Κάθε χρώμα στο μοντέλο CMY έχει ένα χαρακτηριστικό αδιαφάνειας (ποσότητα μελανιού), μετρούμενο ως ποσοστό. Αλλά εκτός από τα τρία χρώματα που αναφέρονται, το μοντέλο CMYK χρησιμοποιεί και μαύρο.
Όλα τα παραπάνω μοντέλα χρωμάτων εξαρτώνται από το υλικό, δηλαδή εάν εσείς ορίστε το χρώμα ενός στοιχείου HTML χρησιμοποιώντας το μοντέλο RGB ή HSL, τότε είναι αδύνατο να πούμε με βεβαιότητα ποια ακριβώς απόχρωση χρώματος θα δει ένας επισκέπτης στον ιστότοπό σας, αφού οι οθόνες όλων των χρηστών είναι διαφορετικές και μεταφέρουν διαφορετικά χρώματα. Σημειώστε επίσης ότι όλα τα παραπάνω μοντέλα βασίζονται στο μοντέλο RGB και οποιοδήποτε χρώμα καθορίζεται σε οποιοδήποτε από τα μοντέλα (εκτός από τα HSLA και RGBA λόγω της παρουσίας καναλιού άλφα) μπορεί να μετατραπεί σε RGB.
Αν μιλάμε για μοντέλα μεταφοράς χρώματος ανεξάρτητα από το υλικό, τότε αξίζει να σημειωθεί το μοντέλο LAB. Έτσι, κάναμε ένα μικρό διάλειμμα από την εργασία με το χρώμα σε HTML γνωρίζοντας μερικά μοντέλα χρωμάτων. Σημειώστε ότι τα προγράμματα περιήγησης «καταλαβαίνουν» μόνο τα τέσσερα πρώτα μοντέλα: HSL, RGB, HSLA και RGBA. Επομένως, μπορούμε να ελέγξουμε μόνο το χρώμα των στοιχείων HTML χρησιμοποιώντας αυτά τα μοντέλα.
Πώς σχηματίζεται το χρώμα ενός στοιχείου HTML: μερικά χαρακτηριστικά του μοντέλου RGB
Ας το καταλάβουμε πώς σχηματίζεται το χρώμα ενός στοιχείου HTMLκαι με ορισμένα χαρακτηριστικά του μοντέλου RGB. Σημειώστε ότι για το μοντέλο RGB, καθώς και για άλλα μοντέλα που χρησιμοποιούνται για το σχεδιασμό ιστοσελίδων, θα μιλήσουμε λίγο αργότερα σε ξεχωριστές αναρτήσεις.
Έτσι, το μοντέλο RGB σημαίνει Κόκκινο, Πράσινο, Μπλε. Το μοντέλο RGB βασίζεται στην αρχή της προσθετικότητας. Αυτή η αρχή είναι ότι για να αποκτήσετε οποιοδήποτε χρώμα, προστίθεται χρώμα στο μαύρο. Για καλύτερη κατανόηση, φανταστείτε ότι η οθόνη σας είναι ένας μαύρος τοίχος και έχετε τρεις προβολείς: ο πρώτος φωτίζει κόκκινο, ο δεύτερος λάμπει πράσινο και ο τρίτος λάμπει μπλε. Μπορείτε να προσαρμόσετε τη φωτεινότητα κάθε προβολέα χρησιμοποιώντας έναν χάρακα με αριθμούς από το 0 έως το 255. Αντίστοιχα, εάν ρυθμίσετε τον προβολέα στο μηδέν, σβήνει και δεν λάμπει· εάν η τιμή είναι 255, τότε ο προβολέας παράγει το φωτεινότερο δυνατό χρώμα .
Έτσι, αποδεικνύεται ότι αν ανάψετε ένα κόκκινο και ένα πράσινο προβολέα στο ίδιο σημείο, τότε θα παρατηρήσετε μια κίτρινη κηλίδα σε έναν μαύρο τοίχο. Εάν συνδυάσετε κόκκινο και μπλε, θα έχετε μωβ, και αν συνδυάσετε πράσινο και μπλε, το φωτεινό σημείο σε έναν μαύρο τοίχο θα είναι κυανό, αλλά αν δείξετε και τους τρεις προβολείς σε ένα σημείο, το φωτεινό σημείο θα είναι λευκό.
Η αρχή που περιγράφεται παραπάνω αποτελεί τη βάση του μοντέλου RGB και χρησιμοποιείται για τον χειρισμό χρωμάτων σε στοιχεία HTML σε μια σελίδα σε ένα πρόγραμμα περιήγησης.
Χαρακτηριστικά HTML για την αλλαγή του χρώματος των στοιχείων: το χρώμα φόντου του στοιχείου και το χρώμα του κειμένου μέσα στο στοιχείο
Χρησιμοποιείται για να κάνει τα στοιχεία της σελίδας μοναδικά. Χρησιμοποιώντας χαρακτηριστικά HTML μπορούμε να χειριστούμε το χρώμα των στοιχείων:
- Χρώμα χαρακτηριστικού HTML. Αυτό το χαρακτηριστικό σάς επιτρέπει να αλλάξετε το χρώμα του κειμένου μέσα στο στοιχείο HTML. Το χαρακτηριστικό μπορεί να λάβει τιμές με τη μορφή ονομάτων χρωμάτων HTML και κωδικών μοντέλων RGB σε δεκαεξαδικούς και δεκαδικούς συμβολισμούς. Το χαρακτηριστικό χρώμα είναι ένα μοναδικό χαρακτηριστικό HTML που σας επιτρέπει να αλλάξετε το χρώμα του κειμένου μέσα σε ορισμένα στοιχεία HTML.
- Χαρακτηριστικό κειμένου HTML. Αυτό το χαρακτηριστικό είναι ένα μοναδικό χαρακτηριστικό ετικέτας . Ετικέτα μαζί με ετικέτες Και μορφή . Αν θυμάστε, μέσα στο δοχείο τοποθετούνται στοιχεία που στη συνέχεια εμφανίζονται από το πρόγραμμα περιήγησης στην περιοχή προβολής. Το χαρακτηριστικό text σας επιτρέπει να καθορίσετε Προεπιλεγμένο χρώμα κειμένου για ολόκληρη τη σελίδα HTML.
- Χαρακτηριστικό HTML bgcolor. Είναι επίσης ένα μοναδικό χαρακτηριστικό HTML και σας επιτρέπει να αλλάξετε το χρώμα φόντου ορισμένων στοιχείων HTML.
- Χαρακτηριστικό HTML vlink. Αυτό το χαρακτηριστικό είναι μοναδικό και ισχύει μόνο για την ετικέτα για να αλλάξετε το χρώμα ενός συνδέσμου που έχει ήδη επισκεφτεί ο χρήστης.
- Σύνδεσμος χαρακτηριστικού HTML. Αυτό το χαρακτηριστικό είναι επίσης μοναδικό και ισχύει μόνο για την ετικέτα . Το χαρακτηριστικό alink αλλάζει το χρώμα του ενεργού συνδέσμου HTML.
- Χαρακτηριστικό σύνδεσης HTML. Το χαρακτηριστικό link χρησιμοποιείται μόνο σε συνδυασμό με μια ετικέτα και χρησιμεύει για την αλλαγή του χρώματος των συνδέσμων σελίδων HTML που ο χρήστης δεν έχει επισκεφτεί ακόμη.
Σημείωση: η χρήση χαρακτηριστικών για την αλλαγή του χρώματος των στοιχείων HTML δεν συνιστάται, καθώς υπάρχουν φύλλα στυλ που σας επιτρέπουν να διαχωρίσετε τη σχεδίαση μιας ιστοσελίδας από το περιεχόμενό της.
Χρήση δεκαδικών κωδικών χρωμάτων σε HTML
Έτσι, μιλήσαμε για το γεγονός ότι μπορείτε να ρυθμίσετε τη φωτεινότητα του χρώματος του προβολέα χρησιμοποιώντας έναν ειδικό χάρακα στον οποίο υπάρχουν αριθμημένα σχέδια από το 0 έως το 255. Τώρα ας δούμε πώς αυτό θα μας βοηθήσει να αλλάξουμε το χρώμα των στοιχείων HTML. Το θέμα είναι ότι μπορούμε να αλλάξουμε το χρώμα του κειμένου μέσα σε ένα στοιχείο HTML ή το χρώμα του φόντου σε HTML χρησιμοποιώντας δεκαδικό κώδικα ως εξής:
Εάν δημιουργήσετε ένα έγγραφο HTML στο οποίο περιγράφεται το κοντέινερ σώματος, όπως στο παράδειγμα, θα δείτε:
- Το χρώμα φόντου του εγγράφου HTML είναι πλέον πράσινο: bgcolor=”rgb (0,255,0)”.
- Χρώμα Κείμενο HTMLΗ σελίδα θα γίνει μπλε: text=”rgb (0,0,255)”.
- Το χρώμα HTML ενός συνδέσμου που δεν έχει επισκεφτεί ο χρήστης θα είναι λευκό: link=”rgb (255,255,255)”.
- Τα χρώματα του συνδέσμου που είναι ανοιχτό αυτήν τη στιγμή θα είναι μαύρα: alink=”rgb (0,0,0)”.
- Και το χρώμα του συνδέσμου HTML που έχει ήδη επισκεφτεί θα είναι κόκκινο: vlink=”rgb (255,0,0)”.
Παρακαλώ σημειώστε: κανείς δεν σας απαγορεύει να προσαρμόσετε την "ισχύ του επίκεντρου" κατά την κρίση σας, μπορείτε ορίστε το χρώμα HTML, για παράδειγμα, με αυτόν τον τρόπο:
rgb(94, 85, 50) |
Και πάρτε το χρώμα της παιδικής έκπληξης. Αυτή είναι η ιδιαιτερότητα, η ευελιξία και η ευκολία του μοντέλου RGB. Η οθόνη σας είναι ένας μαύρος τοίχος με προβολείς να λάμπουν πάνω του και μπορείτε να προσαρμόσετε την ισχύ αυτών των προβολέων και να δημιουργήσετε όλα τα χρώματα φόντου, κειμένου και συνδέσμων χρησιμοποιώντας χαρακτηριστικά HTML στο σύστημα δεκαδικών σημειώσεων ή, μπορείτε επίσης να πείτε: χρησιμοποιώντας δεκαδικούς χρωματικούς κωδικούς.
στην πραγματικότητα Είναι λάθος να λέμε δεκαδικούς χρωματικούς κωδικούς σε HTML, θα ήταν πιο σωστό να πούμε Δεκαδικοί χρωματικοί κωδικοί RGB, αφού αυτό το μοντέλο χρησιμοποιείται όχι μόνο για το σχεδιασμό ιστοσελίδων σε HTML και CSS.
Δεκαεξαδικές τιμές χρώματος HTML
Η ρύθμιση του χρώματος των στοιχείων HTML χρησιμοποιώντας δεκαδικούς κωδικούς του μοντέλου RGB δεν είναι πολύ βολική (και αυτή τη στιγμή δεν υποστηρίζουν όλα τα προγράμματα περιήγησης αυτή τη μέθοδο χειρισμού χρώματος), καθώς η εγγραφή δεν θα είναι η πιο συμπαγής· είναι πολύ πιο βολικό να ορίστε το χρώμα των στοιχείων HTML χρησιμοποιώντας δεκαεξαδικές τιμές. Στην παρακάτω εικόνα μπορείτε να δείτε πώς οι δεκαδικές τιμές μετατρέπονται σε δεκαεξαδικές.
Για όσους δεν είναι εξοικειωμένοι με το δεκαεξαδικό σύστημα αριθμών, θα πρέπει να δοθεί μια μικρή εξήγηση για να μπορείτε εύκολα χειριστείτε το χρώμα των στοιχείων HTML χρησιμοποιώντας δεκαεξαδικούς κώδικες μοντέλων RGB. Πρώτον, το δεκαδικό σύστημα αριθμών ονομάζεται έτσι επειδή οποιοσδήποτε αριθμός μπορεί να ληφθεί με συνδυασμό δέκα ψηφίων (η ορολογία είναι σημαντική: υπάρχει διαφορά μεταξύ ενός αριθμού και ενός ψηφίου): 0, 1, 2, 3, 5, 6, 7, 8, 9.
Στο δεκαεξαδικό σύστημα αριθμών, οποιοσδήποτε αριθμός μπορεί να γραφτεί χρησιμοποιώντας έναν συνδυασμό δεκαέξι ψηφίων: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Για ευκολία κατανόησης, μπορείτε να υποθέσετε ότι το a είναι δέκα και το f είναι δεκαπέντε. Για παράδειγμα, ο αριθμός δεκαέξι θα γραφόταν σε δεκαεξαδικό ως εξής: 10. Και ο αριθμός 255 θα γραφόταν ως ff.
Τώρα ας δούμε πώς μπορούμε ορίστε το χρώμα των στοιχείων HTML χρησιμοποιώντας δεκαεξαδικές τιμές, ας επαναλάβουμε το προηγούμενο παράδειγμά μας, αντικαθιστώντας τους δεκαδικούς χρωματικούς κωδικούς με τους δεκαεξαδικούς αντίστοιχους:
< body alink = ”#000000” link=”#ffffff” vlink=”ff0000” bgcolor=”#00ff00” text="#0000ff”> |
Σημείωση: Η εγγραφή χρώματος σε HTML σε δεκαεξαδική μορφή είναι κάπως πιο συμπαγήςπαρά με δεκαδικό, αυτό είναι το πρώτο. Δεύτερον: η ισχύς κάθε προβολέα ορίζεται με αριθμούς από το 0 έως το 255. Για να γράψετε τον αριθμό 255 απαιτούνται δύο ψηφία σε δεκαεξαδική μορφή (ff = 250), οπότε η φωτεινότητα κάθε καναλιού χρώματος (οι προβολείς μας σωστά ονομάζονται κανάλι χρώματος, έγχρωμο κανάλι) ορίζεται με δύο ψηφία από 0 έως f.
Σημειώστε: η φωτεινότητα κάθε καναλιού χρώματος ρυθμίζεται ξεχωριστά, αλλά αν φανταστούμε ότι πρόκειται για έναν μόνο αριθμό, τότε ο μέγιστος δυνατός αριθμός στο δεκαεξαδικό σύστημα αριθμών του μοντέλου RGB είναι ffffff, θα μας δώσει άσπρο χρώμα, και στο δεκαδικό σύστημα είναι: 16.777.215. Αυτός ο αριθμός χρωμάτων και αποχρώσεων σάς επιτρέπει να ορίσετε/χρησιμοποιήσετε το μοντέλο RGB. Αυτός ο αριθμός προέρχεται από το γεγονός ότι κάθε κανάλι χρώματος έχει 256 τιμές φωτεινότητας (από 0 έως 255), αντίστοιχα: 256 * 256 * 256 = 16.777.215.
Οι τιμές των δεκαεξαδικών χρωμάτων HTML είναι πιο συμπαγείς και σαφέστερες, οι περισσότεροι σχεδιαστές ιστοσελίδων και σχεδιαστές διάταξης χρησιμοποιούν δεκαεξαδικές τιμές για να χειριστούν το χρώμα σε HTML, επομένως σας συνιστούμε να μην συνηθίσετε τη δεκαδική μορφή της χρωματικής σημείωσης, αλλά να χρησιμοποιήσετε αμέσως δεκαεξαδική.
Είναι σαφές ότι στην αρχή θα είναι δύσκολο για έναν αρχάριο σχεδιαστή ή σχεδιαστή διάταξης να περιηγηθεί στην δεκαεξαδική μορφή χρωματικής σημείωσης, επομένως σχεδόν κάθε πρόγραμμα επεξεργασίας γραφικών έχει μια λεγόμενη παλέτα χρωμάτων, η οποία σας επιτρέπει να επιλέξετε το επιθυμητό χρώμα και να το αποκτήσετε κωδικός για διαφορετικά μοντέλα χρωμάτων σε διαφορετικά συστήματα αριθμών.
Ορισμένα προγράμματα επεξεργασίας κειμένου, όπως το , έχουν επεκτάσεις παλέτας που είναι πολύ βολικές όταν θέλετε να επιλέξετε γρήγορα ένα χρώμα και να το αλλάξετε. Δεν μπορώ να πω τίποτα σχετικά με αυτό το θέμα.
Ονόματα χρωμάτων σε HTML
Τα χαρακτηριστικά HTML μπορούν να λάβουν ως τιμές όχι μόνο δεκαδικούς κωδικούς και δεκαεξαδικές τιμές, αλλά και ιδιαίτερα ονόματα λουλουδιών. Η αλλαγή του χρώματος των στοιχείων HTML χρησιμοποιώντας το όνομά του δεν είναι καλή ιδέα. Πρώτον, πίσω από το όνομα χρώματος σε HTML βρίσκεται ο κωδικός μοντέλου RGB και, δεύτερον, κάθε πρόγραμμα περιήγησης εμφανίζει διαφορετικά το χρώμα του στοιχείου HTML που καθορίζεται από το όνομα, εξαρτάται μόνο από την επιθυμία των προγραμματιστών του προγράμματος περιήγησης.
Να γιατί δεν συνιστάται η χρήση ονόματος χρώματος σε HTML. Το μοντέλο RGB εξαρτάται από το υλικό και το χρώμα που καθορίζεται από το όνομα εξαρτάται από το πρόγραμμα περιήγησης και ακόμη και την έκδοσή του. Ας προσπαθήσουμε να ορίσουμε το χρώμα των στοιχείων της σελίδας HTML χρησιμοποιώντας το όνομα:
< body alink = ”black ”link = ”#white” vlink=”red” bgcolor=”green” text=”blue”> |
Όπως καταλαβαίνετε, υπάρχουν πολλά χρώματα και αποχρώσεις. Αξίζει να σημειωθεί εδώ ότι τα χαρακτηριστικά HTML δεν σας επιτρέπουν να ορίσετε μια κλίση· το CSS έχει αυτήν την επιλογή, αλλά θα μιλήσουμε γι' αυτό σε άλλη ανάρτηση. Και πολλά χρώματα στην HTML έχουν ονόματα. Μπορείτε να βρείτε έναν πίνακα με ονόματα χρωμάτων σε HTML και τους κωδικούς RGB τους στον ιστότοπό μου.
Ο παραπάνω πίνακας δείχνει τι χρώμα θα πάρει το στοιχείο HTML εάν το καθορίσετε χρησιμοποιώντας το όνομα. Αυτός ο πίνακας περιέχει 16 χρώματα και τα ονόματά τους που είναι εγκεκριμένα από το W3C και θα πρέπει να εμφανίζονται τα ίδια σε οποιοδήποτε πρόγραμμα περιήγησης. Αλλά στην πραγματικότητα, σε HTML μπορείτε να χρησιμοποιήσετε περίπου 200 ονόματα χρωμάτων που υποστηρίζονται από μεγάλα προγράμματα περιήγησης, όπως: Opera, Chrome, Firefox, Safari, Internet Explorer (συμπεριλαμβανομένου του τελευταίου αυτή η δήλωσηπολύ αμφιλεγόμενο).
Παλέτα χρωμάτων HTML
στην πραγματικότητα δεν υπάρχει παλέτα χρωμάτων σε HTML. Ας θυμηθούμε τον ορισμό της λέξης παλέτα. Η παλέτα είναι μια μικρή λεπτή σανίδα τετραγωνικού ή ωοειδούς σχήματος πάνω στην οποία ο καλλιτέχνης αναμειγνύει χρώματα και αποκτά όλα τα είδη χρωμάτων. Μερικές φορές δημιουργείται μια τρύπα στην παλέτα για τον αντίχειρα για να τον κρατάει άνετα. Θα βρείτε μια εικόνα της παλέτας παρακάτω. Γι' αυτό δεν υπάρχει παλέτα σε HTML.
Αλλά σε διαφορετικά συντάκτες κειμένουΥπάρχει πρόσθετα παλέτας χρωμάτωνπου βοηθούν επιλέξτε γρήγορα το χρώμα ενός στοιχείου HTML. Υπάρχει επίσης μια παλέτα χρωμάτων στους επεξεργαστές γραφικών, επειδή δεν είναι πολύ βολικό και διασκεδαστικό για έναν σχεδιαστή να κάθεται και να υπολογίζει: τι χρώμα θα βγει σε αυτήν ή εκείνη τη φωτεινότητα αυτού ή εκείνου του καναλιού. Στην παρακάτω εικόνα μπορείτε να δείτε την απλούστερη παλέτα του επεξεργαστή Paint.
Σημειώστε ότι πολλές μονάδες παλέτας χρωμάτων και πρόσθετα σάς επιτρέπουν να αποκτήσετε έναν χρωματικό κώδικα όχι μόνο σε μορφή RGB/RGBA, αλλά και σε μορφή άλλων μοντέλων. Θυμάμαι ότι δεν υπάρχει παλέτα σε HTML, καλά, εκτός αν είσαι καλλιτέχνης μέχρι το μεδούλι και αποκαλείτε την παλέτα χρωμάτων της σελίδας HTML αυτά τα χρώματαπου χρησιμοποιήθηκαν για τη διακόσμηση (εξάλλου, μερικές φορές μια παλέτα αναφέρεται στα χρώματα που χρησιμοποιεί ένας συγκεκριμένος καλλιτέχνης ή στα χρώματα που χρησιμοποιήθηκαν στη δημιουργία ενός συγκεκριμένου πίνακα).
Εκμάθηση αλλαγής χρώματος κειμένου σε HTML
Πήραμε πολλές θεωρίες για τα χρώματα σε HTML, ας προχωρήσουμε στην εξάσκηση και ας προσπαθήσουμε εργασία με χρώματα στοιχείων HTML. Το πρώτο πράγμα που θα μάθουμε να κάνουμε είναι αλλαγή χρώματος κειμένου σε έγγραφο HTMLχρησιμοποιώντας ειδικά χαρακτηριστικά και ετικέτες. Ανοίξτε οποιοδήποτε πρόγραμμα επεξεργασίας και γράψτε τον ακόλουθο κώδικα σε αυτό:
Μαθαίνοντας να εργάζομαι με χρώμα σε HTML
Αλλαγή χρώματος κειμένου
Για να αλλάξουμε το χρώμα του κειμένου, μπορούμε να χρησιμοποιήσουμε το μοναδικό χαρακτηριστικό του στοιχείου κειμένου BODY και μπορούμε επίσης να χρησιμοποιήσουμε το στοιχείο FONT και το χαρακτηριστικό χρώμα του. Αυτό το κείμενο θα είναι γκριζαρισμένο.
< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title >Αλλαγή του χρώματος του κειμένου στο έγγραφο HTML< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" >Μαθαίνοντας να εργάζομαι με χρώμα σε HTML< / font > < / h1 > < h2 > < font color = "yellow" >Αλλαγή χρώματος κειμένου< / font > < / h2 > < p >Για να αλλάξουμε το χρώμα του κειμένου μπορούμε να χρησιμοποιήσουμε ένα μοναδικό το χαρακτηριστικό κειμένου BODY του στοιχείου και χρησιμοποιήστε επίσης το στοιχείο FONT < / body > < / html > |
Θα αποθηκεύσω αυτό το αρχείο ως color.html και σας συμβουλεύω να μην ξεχάσετε το . Η εγγραφή χρώματος στο σύστημα δεκαδικών αριθμών δεν υποστηρίζεται από τους Chrome, Firefox και Opera, αλλά ο IE κατανοεί αυτήν τη χρωματική σημείωση και επισημαίνει την κεφαλίδα HTML με πράσινο χρώμα:
Το σωστό που πρέπει να πούμε δεν είναι να αλλάξουμε το χρώμα του κειμένου σε HTML, αλλά να αλλάξουμε το χρώμα της γραμματοσειράς σε HTML. Σχετικά με