Οι δεκαεξαδικοί αριθμοί χρησιμοποιούνται για τον καθορισμό των χρωμάτων. Το δεκαεξαδικό σύστημα, σε αντίθεση με το δεκαδικό σύστημα, βασίζεται, όπως υποδηλώνει το όνομά του, στον αριθμό 16. Οι αριθμοί θα είναι οι εξής: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Οι αριθμοί από το 10 έως το 15 αντικαθίστανται από λατινικά γράμματα. Οι αριθμοί μεγαλύτεροι από το 15 στο δεκαεξαδικό σύστημα σχηματίζονται με το συνδυασμό δύο αριθμών σε έναν. Για παράδειγμα, ο αριθμός 255 σε δεκαδικό αριθμό αντιστοιχεί στον αριθμό FF σε δεκαεξαδικό. Για να αποφευχθεί η σύγχυση στον προσδιορισμό του συστήματος αριθμών, ένα σύμβολο κατακερματισμού # τοποθετείται πριν από τον δεκαεξαδικό αριθμό, για παράδειγμα #666999. Καθένα από τα τρία χρώματα - κόκκινο, πράσινο και μπλε - μπορεί να πάρει τιμές από 00 έως FF. Έτσι, το σύμβολο χρώματος χωρίζεται σε τρία στοιχεία #rrggbb, όπου τα δύο πρώτα σύμβολα υποδεικνύουν το κόκκινο συστατικό του χρώματος, τα μεσαία δύο - πράσινο και τα δύο τελευταία - μπλε. Επιτρέπεται η χρήση της συντομευμένης μορφής #rgb, όπου κάθε χαρακτήρας πρέπει να διπλασιαστεί. Έτσι, η καταχώριση #fe0 θα πρέπει να θεωρείται ως #ffee00.

Με το όνομα

Τα προγράμματα περιήγησης υποστηρίζουν ορισμένα χρώματα με το όνομά τους. Στον πίνακα Το 1 δείχνει τα ονόματα, τον δεκαεξαδικό κωδικό, τις τιμές RGB, HSL και την περιγραφή.

Χρήση RGB

Μπορείτε να ορίσετε το χρώμα χρησιμοποιώντας τις τιμές του κόκκινου, του πράσινου και του μπλε σε δεκαδικούς όρους. Καθένα από τα τρία συστατικά χρώματος παίρνει μια τιμή από 0 έως 255. Επιτρέπεται επίσης ο καθορισμός του χρώματος ως ποσοστό, με το 100% να αντιστοιχεί στον αριθμό 255. Πρώτα, καθορίστε τη λέξη-κλειδί rgb και, στη συνέχεια, καθορίστε τα στοιχεία χρώματος σε παρένθεση , διαχωρισμένα με κόμματα, για παράδειγμα rgb(255 , 128, 128) ή rgb(100%, 50%, 50%).

RGBA

Η μορφή RGBA είναι παρόμοια στη σύνταξη με το RGB, αλλά περιλαμβάνει ένα κανάλι άλφα που καθορίζει τη διαφάνεια του στοιχείου. Μια τιμή 0 είναι πλήρως διαφανής, το 1 είναι αδιαφανές και μια ενδιάμεση τιμή όπως το 0,5 είναι ημιδιαφανής.

Το RGBA προστέθηκε στο CSS3, επομένως ο κώδικας CSS πρέπει να επικυρωθεί σε αυτήν την έκδοση. Θα πρέπει να σημειωθεί ότι το πρότυπο CSS3 είναι ακόμη υπό ανάπτυξη και ορισμένα χαρακτηριστικά ενδέχεται να αλλάξουν. Για παράδειγμα, ένα χρώμα σε μορφή RGB που προστέθηκε στην ιδιότητα χρώματος φόντου επικυρώνεται, αλλά ένα χρώμα που προστέθηκε στην ιδιότητα φόντου δεν είναι πλέον έγκυρο. Ταυτόχρονα, τα προγράμματα περιήγησης κατανοούν πολύ σωστά το χρώμα και για τις δύο ιδιότητες.

HSL

Το όνομα της μορφής HSL προέρχεται από τον συνδυασμό των πρώτων γραμμάτων Hue (απόχρωση), Saturate (κορεσμός) και Lightness (ελαφρότητα). Η απόχρωση είναι η τιμή χρώματος στον τροχό χρώματος (Εικ. 1) και δίνεται σε μοίρες. Η 0° αντιστοιχεί στο κόκκινο, η 120° στο πράσινο και η 240° στο μπλε. Η τιμή απόχρωσης μπορεί να κυμαίνεται από 0 έως 359.

Ρύζι. 1. Τροχός χρώματος

Ο κορεσμός είναι η ένταση ενός χρώματος και μετριέται ως ποσοστό από 0% έως 100%. Μια τιμή 0% υποδηλώνει ότι δεν υπάρχει χρώμα και μια απόχρωση του γκρι, 100% είναι η μέγιστη τιμή για κορεσμό.

Το Lightness καθορίζει πόσο φωτεινό είναι το χρώμα και καθορίζεται ως ποσοστό από 0% έως 100%. Οι χαμηλές τιμές κάνουν το χρώμα πιο σκούρο και οι υψηλές τιμές κάνουν το χρώμα πιο ανοιχτό, οι ακραίες τιμές 0% και 100% αντιστοιχούν σε μαύρο και άσπρο.

HSLA

Η μορφή HSLA είναι παρόμοια στη σύνταξη με την HSL, αλλά περιλαμβάνει ένα κανάλι άλφα για τον καθορισμό της διαφάνειας του στοιχείου. Μια τιμή 0 είναι πλήρως διαφανής, το 1 είναι αδιαφανές και μια ενδιάμεση τιμή όπως το 0,5 είναι ημιδιαφανής.

Οι τιμές χρώματος RGBA, HSL και HSLA έχουν προστεθεί στο CSS3, επομένως ελέγξτε τον κωδικό σας για την εγκυρότητα της έκδοσης όταν χρησιμοποιείτε αυτές τις μορφές.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Προειδοποίηση

Όλες οι μέθοδοι σύλληψης λιονταριών που αναφέρονται στον ιστότοπο είναι θεωρητικές και βασίζονται σε υπολογιστικές μεθόδους. Οι συγγραφείς δεν εγγυώνται την ασφάλειά σας κατά τη χρήση τους και αποποιούνται οποιαδήποτε ευθύνη για τα αποτελέσματα. Θυμηθείτε, ένα λιοντάρι είναι ένα αρπακτικό και ένα επικίνδυνο ζώο!

Το αποτέλεσμα αυτού του παραδείγματος φαίνεται στο Σχ. 2.

Ρύζι. 2. Χρώματα στην ιστοσελίδα

Οι χρωματικοί κώδικες στο 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.

Τα παιχνίδια στον υπολογιστή είναι ένας από τους πιο δημοφιλείς τρόπους για να περάσετε τον ελεύθερο χρόνο σας. Βυθιζόμενοι στον κόσμο ενός βιντεοπαιχνιδιού, ξεχνάμε πραγματικά προβλήματα και προβλήματα, χαλαρώνουμε και διασκεδάζουμε. Και αν αυτό είναι ένα διαδικτυακό παιχνίδι ή ένα παιχνίδι σε λειτουργία πολλών παικτών, τότε το κύριο πλεονέκτημά του είναι ότι εδώ μπορείτε να συναντήσετε πολλούς ανθρώπους από όλο τον κόσμο και να βρείτε όχι μόνο ομοϊδεάτες, αλλά και καλύτερους φίλους. Θέλετε να μάθετε πώς οι ρυθμίσεις παιχνιδιού, μέχρι το χρώμα στο MTA, μπορούν να επηρεάσουν τις αλληλεπιδράσεις σας με άλλους παίκτες; Διαβάστε παρακάτω!

Χαρακτηριστικά της λειτουργίας για πολλούς παίκτες

Έχετε αναρωτηθεί ποτέ: πώς να προσαρμόσετε τα χρώματα στο MTA ή σε κάποιο άλλο παιχνίδι; Κανένας από τους ανθρώπους που είχαν ποτέ την ευκαιρία να παίξουν ένα διαδικτυακό παιχνίδι με μεγάλο αριθμό παικτών δεν θα αρνηθεί ότι θέλουν να δείξουν τον εαυτό τους με το καλύτερο φως μπροστά σε άλλους. Μπορείτε να επιδείξετε τα ιδιαίτερα, ακριβά πράγματα του χαρακτήρα σας, να ξεχωρίσετε στις γνώσεις σας για την ορολογία gaming ή απλά να προσαρμόσετε τη διεπαφή του παιχνιδιού σας ώστε να λειτουργεί καλύτερα από αυτή των άπειρων παικτών.

Χρώματα στο "MTA" - τι πρέπει να γνωρίζετε;

Αν μιλάμε για μία από τις εκδόσεις της λειτουργίας πολλών παικτών του παιχνιδιού "GTA: San Andreas", "MTA", τότε το χρώμα παίζει πολύ σημαντικό ρόλο εδώ. Η δυνατότητα προσαρμογής του χρώματος του ψευδώνυμού σας στο MTA είναι μια από τις καλύτερες δεξιότητες που πρέπει να αποκτήσει κάθε αρχάριος παίκτης.

Έτσι, για να ρυθμίσετε το χρώμα του ψευδώνυμού σας, μεταβείτε στην εφαρμογή "MTA: SA" και κάντε κλικ στην επιλογή Ρυθμίσεις, επιλέξτε το όνομά σας και, στη συνέχεια, εισαγάγετε τον κωδικό χρώματος που θέλετε ακριβώς μπροστά από αυτό. Στο "MTA" υπάρχει μια μεγάλη παλέτα χρωμάτων για παρατσούκλια. Στο άρθρο έχουμε συμπεριλάβει δείγματα παλέτες από τις οποίες μπορείτε να επιλέξετε την απόχρωση που σας αρέσει.

Τώρα ξέρετε πώς μπορείτε να ξεχωρίσετε και να κάνετε το ψευδώνυμό σας διαφορετικό από τα ψευδώνυμα των αρχαρίων και των άπειρων παικτών. Φωτεινό, θα σας ξεχωρίσει από τους απλούς παίκτες και θα τραβήξει περισσότερη προσοχή πάνω σας. Απολαύστε το παιχνίδι σας!

Βλαντ Μέρζεβιτς

Στην HTML, το χρώμα καθορίζεται με έναν από τους δύο τρόπους: χρησιμοποιώντας δεκαεξαδικό κώδικα και με το όνομα ορισμένων χρωμάτων. Η μέθοδος που βασίζεται στο δεκαεξαδικό σύστημα αριθμών χρησιμοποιείται κυρίως, καθώς είναι η πιο καθολική.

Δεκαεξαδικά χρώματα

Η HTML χρησιμοποιεί δεκαεξαδικούς αριθμούς για να καθορίσει χρώματα. Το δεκαεξαδικό σύστημα, σε αντίθεση με το δεκαδικό σύστημα, βασίζεται, όπως υποδηλώνει το όνομά του, στον αριθμό 16. Οι αριθμοί θα είναι οι εξής: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Οι αριθμοί από το 10 έως το 15 αντικαθίστανται από λατινικά γράμματα. Στον πίνακα Το 6.1 δείχνει την αντιστοιχία μεταξύ δεκαδικών και δεκαδικών αριθμών.

Οι αριθμοί μεγαλύτεροι από το 15 στο δεκαεξαδικό σύστημα σχηματίζονται με το συνδυασμό δύο αριθμών σε έναν (Πίνακας 6.2). Για παράδειγμα, ο αριθμός 255 σε δεκαδικό αριθμό αντιστοιχεί στον αριθμό FF σε δεκαεξαδικό.

Για να αποφευχθεί η σύγχυση στον ορισμό του συστήματος αριθμών, πριν από έναν δεκαεξαδικό αριθμό υπάρχει ένα σύμβολο κατακερματισμού #, για παράδειγμα #aa69cc. Σε αυτήν την περίπτωση, η περίπτωση δεν έχει σημασία, επομένως επιτρέπεται να γράψετε #F0F0F0 ή #f0f0f0.

Ένα τυπικό χρώμα που χρησιμοποιείται σε HTML μοιάζει με αυτό.

Εδώ το χρώμα φόντου της ιστοσελίδας έχει οριστεί σε #FA8E47. Το σύμβολο κατακερματισμού # μπροστά από έναν αριθμό σημαίνει ότι είναι δεκαεξαδικός. Τα δύο πρώτα ψηφία (FA) ορίζουν το κόκκινο στοιχείο του χρώματος, το τρίτο έως το τέταρτο ψηφία (8E) ορίζουν το πράσινο στοιχείο και τα δύο τελευταία ψηφία (47) ορίζουν το μπλε στοιχείο. Το τελικό αποτέλεσμα θα είναι αυτό το χρώμα.

Καθένα από τα τρία χρώματα - κόκκινο, πράσινο και μπλε - μπορεί να πάρει τιμές από 00 έως FF, με αποτέλεσμα συνολικά 256 αποχρώσεις. Έτσι, ο συνολικός αριθμός χρωμάτων μπορεί να είναι 256x256x256 = 16.777.216 συνδυασμοί. Ένα χρωματικό μοντέλο που βασίζεται σε κόκκινο, πράσινο και μπλε στοιχεία ονομάζεται RGB (κόκκινο, πράσινο, μπλε, κόκκινο, πράσινο, μπλε). Αυτό το μοντέλο είναι προσθετικό (από προσθήκη - προσθήκη), στο οποίο η προσθήκη και των τριών συστατικών σχηματίζει το λευκό χρώμα.

Για να διευκολύνετε την πλοήγηση στα δεκαεξαδικά χρώματα, λάβετε υπόψη ορισμένους κανόνες.

• Εάν οι τιμές των στοιχείων χρώματος είναι οι ίδιες (για παράδειγμα: #D6D6D6), τότε το αποτέλεσμα θα είναι μια γκρι απόχρωση. Όσο μεγαλύτερος είναι ο αριθμός, τόσο πιο ανοιχτό είναι το χρώμα, με τιμές που κυμαίνονται από #000000 (μαύρο) έως #FFFFFF (λευκό).
• Ένα έντονο κόκκινο χρώμα σχηματίζεται εάν το κόκκινο εξάρτημα γίνει το μέγιστο (FF) και τα υπόλοιπα στοιχεία ρυθμιστούν στο μηδέν. Ένα χρώμα με τιμή #FF0000 είναι η πιο κόκκινη δυνατή κόκκινη απόχρωση. Το ίδιο ισχύει για το πράσινο (#00FF00) και το μπλε (#0000FF).
• Το κίτρινο (#FFFF00) δημιουργείται με ανάμειξη κόκκινου και πράσινου. Αυτό φαίνεται καθαρά στον χρωματικό κύκλο (Εικ. 6.1), ο οποίος παρουσιάζει τα κύρια χρώματα (κόκκινο, πράσινο, μπλε) και τα συμπληρωματικά ή πρόσθετα. Αυτά περιλαμβάνουν το κίτρινο, το κυανό και το βιολετί (ονομάζονται επίσης ματζέντα). Γενικά, οποιοδήποτε χρώμα μπορεί να ληφθεί με την ανάμειξη χρωμάτων κοντά του. Έτσι, το κυανό (#00FFFF) λαμβάνεται συνδυάζοντας μπλε και πράσινο.

Ρύζι. 6.1. Τροχός χρώματος

Τα χρώματα που βασίζονται σε δεκαεξαδικές τιμές δεν χρειάζεται να επιλέγονται εμπειρικά. Για το σκοπό αυτό, είναι κατάλληλος ένας επεξεργαστής γραφικών που μπορεί να λειτουργήσει με διαφορετικά μοντέλα χρωμάτων, για παράδειγμα, το Adobe Photoshop. Στο Σχ. Το σχήμα 6.2 δείχνει το παράθυρο για την επιλογή ενός χρώματος σε αυτό το πρόγραμμα η προκύπτουσα δεκαεξαδική τιμή του τρέχοντος χρώματος σκιαγραφείται με μια γραμμή. Μπορείτε να το αντιγράψετε και να το επικολλήσετε στον κώδικά σας.

Ρύζι. 6.2. Παράθυρο επιλογής χρωμάτων στο Photoshop

Χρώματα Ιστού

Εάν ορίσετε την ποιότητα απόδοσης χρωμάτων της οθόνης σε 8 bit (256 χρώματα), τότε το ίδιο χρώμα μπορεί να εμφανίζεται διαφορετικά σε διαφορετικά προγράμματα περιήγησης. Αυτό οφείλεται στον τρόπο εμφάνισης των γραφικών, όταν το πρόγραμμα περιήγησης λειτουργεί με τη δική του παλέτα και δεν μπορεί να εμφανίσει ένα χρώμα που δεν υπάρχει στην παλέτα του. Σε αυτή την περίπτωση, το χρώμα αντικαθίσταται από έναν συνδυασμό pixel άλλων, κοντά σε αυτό, χρωμάτων που μιμούνται το δεδομένο. Για να διασφαλιστεί ότι το χρώμα παραμένει το ίδιο σε διαφορετικά προγράμματα περιήγησης, εισήχθη μια παλέτα με τα λεγόμενα χρώματα ιστού. Τα χρώματα Ιστού είναι εκείνα τα χρώματα για τα οποία κάθε στοιχείο - κόκκινο, πράσινο και μπλε - έχει οριστεί σε μία από τις έξι τιμές - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Η δεκαεξαδική τιμή αυτού του στοιχείου υποδεικνύεται σε παρενθέσεις. Ο συνολικός αριθμός χρωμάτων από όλους τους πιθανούς συνδυασμούς δίνει 6x6x6 - 216 χρώματα. Ένα παράδειγμα χρώματος ιστού είναι το #33FF66.

Το κύριο χαρακτηριστικό του χρώματος ιστού είναι ότι εμφανίζεται το ίδιο σε όλα τα προγράμματα περιήγησης. Αυτή τη στιγμή, η συνάφεια των χρωμάτων web είναι πολύ μικρή λόγω της βελτίωσης της ποιότητας των οθονών και της επέκτασης των δυνατοτήτων τους.

Χρώματα με το όνομα

Για να μην χρειάζεται να θυμάστε ένα σύνολο αριθμών, μπορείτε να χρησιμοποιήσετε τα ονόματα των χρωμάτων που χρησιμοποιούνται συνήθως. Στον πίνακα Το 6.3 δείχνει τα ονόματα των δημοφιλών ονομάτων χρωμάτων.

Δεν έχει σημασία αν προσδιορίζετε ένα χρώμα με το όνομά του ή χρησιμοποιώντας δεκαεξαδικούς αριθμούς. Αυτές οι μέθοδοι είναι ίσες ως προς το αποτέλεσμα τους. Το Παράδειγμα 6.1 δείχνει πώς να ορίσετε τα χρώματα φόντου και κειμένου μιας ιστοσελίδας.

Παράδειγμα 6.1. Χρώμα φόντου και κειμένου

Παράδειγμα κειμένου

Σε αυτό το παράδειγμα, το χρώμα φόντου ορίζεται χρησιμοποιώντας το χαρακτηριστικό bgcolor της ετικέτας και το χρώμα του κειμένου μέσω του χαρακτηριστικού κειμένου. Για ποικιλία, το χαρακτηριστικό text ορίζεται σε δεκαεξαδικό αριθμό και το χαρακτηριστικό bgcolor ορίζεται στη δεσμευμένη λέξη-κλειδί teal .

Το CSS δεν είναι κατανοητό). Επομένως, ο μελλοντικός webmaster χρειάζεται απλώς να μελετήσει Εργαλεία HTML που σας επιτρέπουν να αλλάξετε χρώμα,για παράδειγμα, προκειμένου να δημιουργήσετε φωτεινά και πολύχρωμα ενημερωτικά δελτία ηλεκτρονικού ταχυδρομείου που θα προσελκύουν την προσοχή του κοινού-στόχου του ιστότοπου.

Αυτή η ανάρτηση είναι αρκετά μεγάλη, αλλά από αυτήν θα μάθετε για όλα τα τεχνικά χαρακτηριστικά της εργασίας με χρώμα χρησιμοποιώντας HTML. Θα ξεκινήσουμε την καταγραφή κατανοώντας το ερώτημα: γιατί χρειάζεται να επισημάνουμε ορισμένα στοιχεία μιας σελίδας HTML με χρώμα; Στη συνέχεια, θα μιλήσουμε για το μοντέλο RGB, το οποίο σας επιτρέπει να ορίσετε χρώματα σε HTML χρησιμοποιώντας ειδικούς κωδικούς (στην πορεία, θα δούμε δεκαδικούς χρωματικούς κώδικες και δεκαεξαδικές τιμές χρώματος HTML). Επίσης από αυτήν την ανάρτηση θα μάθετε για την παλέτα χρωμάτων και επίσης θα καταλάβετε γιατί δεν υπάρχει παλέτα σε HTML. Και στο τέλος αυτής της δημοσίευσης θα υπάρχει παραδείγματα αλλαγής χρώματος φόντου, κειμένου και συνδέσμων.

Χρήση χρωμάτων σε HTML

Οι σελίδες του ιστότοπου θα ήταν βαρετές και χωρίς εικόνες, όπως είπαμε νωρίτερα και με μεγάλη λεπτομέρεια. Αλλά οι εικόνες έχουν ένα σημαντικό μειονέκτημα: κάθε εικόνα είναι μια πρόσθετη και, κατά συνέπεια, ένα πρόσθετο φορτίο στη φιλοξενία.

Θα ήθελα να σημειώσω ότι δεν χρησιμοποίησα ούτε μία εικόνα για να σχεδιάσω το ιστολόγιό μου στο WordPress, η διάταξη σχεδιάστηκε πλήρως με χρήση χρώματος. Ακριβώς το ίδιο Σήμερα θα μιλήσουμε για τα χρώματα σε HTML. Τα χρώματα σε HTML χρησιμοποιούνται για διαφορετικούς σκοπούς, για παράδειγμα, μπορούμε να σχεδιάσουμε διατάξεις ιστότοπου επισημαίνοντας ορισμένα στοιχεία με το ένα ή το άλλο χρώμα.

Χρησιμοποιώντας χρώμα, μπορούμε να εστιάσουμε την προσοχή των επισκεπτών μας σε ένα συγκεκριμένο κείμενο ή μπλοκ του ιστότοπου. Σημειώστε ότι προσδιορίζεται επίσης χρησιμοποιώντας χρώμα με τέτοιο τρόπο ώστε ο χρήστης να μπορεί να καταλάβει: σε ποιον σύνδεσμο έχει ήδη κάνει κλικ, σε ποιον δεν έχει επισκεφτεί ακόμη και σε ποια σελίδα HTML βρίσκεται αυτήν τη στιγμή.

Να είστε προσεκτικοί χρήση χρωμάτων για το σχεδιασμό εγγράφων HTML, δεν πάνε όλα τα χρώματα μαζί και δεν θα είναι όλα τα χρώματα ευχάριστα στους επισκέπτες του ιστότοπού σας. Αλλά καλύτερα να ρωτήσετε τους σχεδιαστές ιστού σχετικά με αυτές τις λεπτές αποχρώσεις, αυτό το άρθρο θα σας βοηθήσει να κατανοήσετε τα τεχνικά χαρακτηριστικά που σας επιτρέπουν να ελέγχετε το χρώμα των στοιχείων της σελίδας HTML.

Αλλά δεν πρέπει να ξεχνάτε ότι το σχέδιο πρέπει να διαχωρίζεται από το περιεχόμενο, επομένως είναι καλύτερο να χρησιμοποιήσετε CSS για να χειριστείτε το χρώμα σε σελίδες HTML, αλλά θα μιλήσουμε για αυτό σε άλλη ανάρτηση. Τώρα θα δούμε Ποια εργαλεία διαθέτει η HTML για τον έλεγχο του χρώματος στις σελίδες του ιστότοπου;.

Στη βιομηχανία πληροφορικής, υπάρχουν πολλά μοντέλα χρωμάτων για χειρισμό χρώματος. Το πιο ευρέως χρησιμοποιούμενο μοντέλο χρωματικής αναπαράστασης είναι το μοντέλο RGB. Θα μιλήσουμε για μερικά από τα χαρακτηριστικά αυτού του μοντέλου εδώ και θα υπάρξει ξεχωριστή δημοσίευση για μια πιο λεπτομερή εισαγωγή στο RGB. Παρακάτω θα βρείτε μια λίστα μοντέλων χρωμάτων που χρησιμοποιούνται στο IT (όχι μόνο HTML και CSS):

1. Μοντέλο RGB. Αυτό το μοντέλο έχει γίνει πολύ διαδεδομένο και είναι ίσως ένας από τους πιο βολικούς και συνηθισμένους τρόπους χειρισμού του χρώματος των στοιχείων HTML.
2. Μοντέλο RGBA. Αυτό το μοντέλο μοιάζει πολύ με το μοντέλο RGB, αλλά περιλαμβάνει ένα κανάλι άλφα χρώματος. Το ιδιαίτερο χαρακτηριστικό του μοντέλου RGBA είναι ότι σας επιτρέπει να ρυθμίζετε όχι μόνο το χρώμα του στοιχείου HTML, αλλά και τη διαφάνειά τουλόγω της παρουσίας ενός καναλιού άλφα. Το μοντέλο RGBA προστέθηκε στο CSS3 και δεν υποστηρίζεται από παλαιότερα προγράμματα περιήγησης.
3. Μοντέλο HSL. Η ιδιαιτερότητα του μοντέλου HSL είναι ότι ορίζουμε το χρώμα χρησιμοποιώντας τις παραμέτρους του: απόχρωση, επιπεδότητα και ελαφρότητα. Αυτό το μοντέλο είναι κάπως πιο δύσκολο να κατανοηθεί από το μοντέλο RGB.
4. Μοντέλο HSLA. Αυτό το μοντέλο μοιάζει πολύ με το μοντέλο HSL, αλλά όπως και το μοντέλο RGBA, σας επιτρέπει να εργάζεστε με το κανάλι άλφα χρώματος, επομένως χρησιμοποιώντας το HSLA μπορούμε να ορίσουμε όχι μόνο το χρώμα ενός στοιχείου HTML στη σελίδα, αλλά και τη διαφάνειά του .
5. Μοντέλο HSV (HSB). Αυτό το μοντέλο δεν πρέπει να συγχέεται με το μοντέλο HSL. Σημειώστε ότι τα πρώτα τέσσερα μοντέλα μπορούν να χρησιμοποιηθούν σε HTML ή CSS για τη σχεδίαση ιστοσελίδων, αλλά το μοντέλο HSV δεν μπορεί. Το HSV σχεδιάστηκε από έναν από τους ιδρυτές της Pixar το 1978 και μοιάζει πολύ με το HSL.
6. Μοντέλο 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 μπορούμε να χειριστούμε το χρώμα των στοιχείων:

1. Χρώμα χαρακτηριστικού HTML. Αυτό το χαρακτηριστικό σάς επιτρέπει να αλλάξετε το χρώμα του κειμένου μέσα στο στοιχείο HTML. Το χαρακτηριστικό μπορεί να λάβει τιμές με τη μορφή ονομάτων χρωμάτων HTML και κωδικών μοντέλων RGB σε δεκαεξαδικούς και δεκαδικούς συμβολισμούς. Το χαρακτηριστικό χρώμα είναι ένα μοναδικό χαρακτηριστικό HTML που σας επιτρέπει να αλλάξετε το χρώμα του κειμένου μέσα σε ορισμένα στοιχεία HTML.
2. Χαρακτηριστικό κειμένου HTML. Αυτό το χαρακτηριστικό είναι ένα μοναδικό χαρακτηριστικό ετικέτας . Ετικέτα μαζί με ετικέτες Και μορφή . Αν θυμάστε, μέσα στο δοχείο τοποθετούνται στοιχεία που στη συνέχεια εμφανίζονται από το πρόγραμμα περιήγησης στην περιοχή προβολής. Το χαρακτηριστικό κειμένου σάς επιτρέπει να καθορίσετε Προεπιλεγμένο χρώμα κειμένου για ολόκληρη τη σελίδα HTML.
3. Χαρακτηριστικό HTML bgcolor. Είναι επίσης ένα μοναδικό χαρακτηριστικό HTML και σας επιτρέπει να αλλάξετε το χρώμα φόντου ορισμένων στοιχείων HTML.
4. Χαρακτηριστικό HTML vlink. Αυτό το χαρακτηριστικό είναι μοναδικό και ισχύει μόνο για την ετικέτα για να αλλάξετε το χρώμα ενός συνδέσμου που έχει ήδη επισκεφτεί ο χρήστης.
5. Σύνδεσμος χαρακτηριστικού HTML. Αυτό το χαρακτηριστικό είναι επίσης μοναδικό και ισχύει μόνο για την ετικέτα . Το χαρακτηριστικό alink αλλάζει το χρώμα του ενεργού συνδέσμου HTML.
6. Χαρακτηριστικό σύνδεσης HTML. Το χαρακτηριστικό link χρησιμοποιείται μόνο σε συνδυασμό με μια ετικέτα και χρησιμεύει για την αλλαγή του χρώματος των συνδέσμων σελίδων HTML που ο χρήστης δεν έχει επισκεφτεί ακόμη.

Σημείωση: η χρήση χαρακτηριστικών για την αλλαγή του χρώματος των στοιχείων HTML δεν συνιστάται, καθώς υπάρχουν φύλλα στυλ που σας επιτρέπουν να διαχωρίσετε τη σχεδίαση μιας ιστοσελίδας από το περιεχόμενό της.

Χρήση δεκαδικών κωδικών χρωμάτων σε HTML

Έτσι, μιλήσαμε για το γεγονός ότι μπορείτε να ρυθμίσετε τη φωτεινότητα του προβολέα χρησιμοποιώντας έναν ειδικό χάρακα στον οποίο υπάρχουν αριθμημένα σχέδια από το 0 έως το 255. Τώρα ας δούμε πώς αυτό θα μας βοηθήσει να αλλάξουμε το χρώμα των στοιχείων HTML. Το θέμα είναι ότι μπορούμε να αλλάξουμε το χρώμα του κειμένου μέσα σε ένα στοιχείο HTML ή το χρώμα του φόντου σε HTML χρησιμοποιώντας δεκαδικό κώδικα ως εξής:

Εάν δημιουργήσετε ένα έγγραφο HTML στο οποίο περιγράφεται το κοντέινερ σώματος, όπως στο παράδειγμα, θα δείτε:

1. Το χρώμα φόντου του εγγράφου HTML είναι πλέον πράσινο: bgcolor=”rgb (0,255,0)”.
2. Το χρώμα κειμένου της σελίδας HTML θα γίνει μπλε: text=”rgb (0,0,255)”.
3. Το χρώμα HTML ενός συνδέσμου που δεν έχει επισκεφτεί ο χρήστης θα είναι λευκό: link=”rgb (255,255,255)”.
4. Τα χρώματα του συνδέσμου που είναι ανοιχτό αυτήν τη στιγμή θα είναι μαύρα: alink=”rgb (0,0,0)”.
5. Και το χρώμα του συνδέσμου HTML που έχει ήδη επισκεφτεί θα είναι κόκκινο: vlink=”rgb (255,0,0)”.

Παρακαλώ σημειώστε: κανείς δεν σας απαγορεύει να προσαρμόσετε την "ισχύ του επίκεντρου" κατά την κρίση σας, μπορείτε ορίστε το χρώμα HTML, για παράδειγμα, ως εξής:

Και πάρτε το χρώμα της παιδικής έκπληξης. Αυτή είναι η ιδιαιτερότητα, η ευελιξία και η ευκολία του μοντέλου 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 χρησιμοποιώντας δεκαεξαδικές τιμές, ας επαναλάβουμε το προηγούμενο παράδειγμά μας, αντικαθιστώντας τους δεκαδικούς χρωματικούς κωδικούς με τους δεκαεξαδικούς αντίστοιχους:

Σημειώστε: Η εγγραφή χρώματος σε 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 χρησιμοποιώντας το όνομα:

Όπως καταλαβαίνετε, υπάρχουν πολλά χρώματα και αποχρώσεις. Αξίζει να σημειωθεί εδώ ότι τα χαρακτηριστικά 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 και το χαρακτηριστικό χρώμα του. Αυτό το κείμενο θα είναι γκριζαρισμένο.

Θα αποθηκεύσω αυτό το αρχείο ως color.html και σας συμβουλεύω να μην ξεχάσετε το . Η εγγραφή χρώματος στο σύστημα δεκαδικών αριθμών δεν υποστηρίζεται από τους Chrome, Firefox και Opera, αλλά ο IE κατανοεί αυτήν τη χρωματική σημείωση και επισημαίνει την κεφαλίδα HTML με πράσινο χρώμα:

Το σωστό που πρέπει να πούμε δεν είναι να αλλάξουμε το χρώμα του κειμένου σε HTML, αλλά να αλλάξουμε το χρώμα της γραμματοσειράς σε HTML. Για