Όνομα της παλέτας. Κώδικες χρωμάτων στο Minecraft
Βλαντ Μέρζεβιτς
Στην 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) ορίζουν το μπλε στοιχείο. Το τελικό αποτέλεσμα θα είναι αυτό το χρώμα.
ΦΑ. | + | 8Ε | + | 47 | = | FA8E47 |
Κάθε ένα από τα τρία χρώματα - κόκκινο, πράσινο και μπλε - μπορεί να πάρει τιμές από 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 δείχνει τα ονόματα των δημοφιλών ονομάτων χρωμάτων.
Όνομα χρώματος | Χρώμα | Περιγραφή | Δεκαεξαδική τιμή |
---|---|---|---|
μαύρος | Μαύρος | #000000 | |
μπλε | Μπλε | #0000FF | |
φουξία | Μωβ ανοιχτό | #FF00FF | |
γκρί | Σκούρο γκρι | #808080 | |
πράσινος | Πράσινος | #008000 | |
άσβεστος | Ανοιχτό πράσινο | #00FF00 | |
μαρόν | Σκούρο κόκκινο | #800000 | |
ναυτικό | Σκούρο μπλε | #000080 | |
ελιά | Ελιά | #808000 | |
μωβ | Σκούρο μωβ | #800080 | |
κόκκινος | Κόκκινος | #FF0000 | |
ασήμι | Ανοιχτό γκρι | #C0C0C0 | |
βάσκας | Γαλαζοπράσινο | #008080 | |
λευκό | Λευκό | #FFFFFF | |
κίτρινος | Κίτρινος | #FFFF00 |
Δεν έχει σημασία αν προσδιορίζετε ένα χρώμα με το όνομά του ή χρησιμοποιώντας δεκαεξαδικούς αριθμούς. Αυτές οι μέθοδοι είναι ίσες ως προς το αποτέλεσμα τους. Το Παράδειγμα 6.1 δείχνει πώς να ορίσετε τα χρώματα φόντου και κειμένου μιας ιστοσελίδας.
Παράδειγμα 6.1. Χρώμα φόντου και κειμένου
Παράδειγμα κειμένου
Σε αυτό το παράδειγμα, το χρώμα φόντου ορίζεται χρησιμοποιώντας το χαρακτηριστικό bgcolor της ετικέτας
και το χρώμα του κειμένου μέσω του χαρακτηριστικού κειμένου. Για ποικιλία, το χαρακτηριστικό text ορίζεται σε δεκαεξαδικό αριθμό και το χαρακτηριστικό bgcolor ορίζεται στη δεσμευμένη λέξη-κλειδί teal .Κωδικοί Minecraft λουλούδια, ή το Minecraft κωδικούςμορφοποίηση, επιτρέψτε σε κάθε παίκτη να προσθέσει λουλούδια και να μορφοποιήσει κείμενο με κάθε δυνατό τρόπο απευθείας στο Minecraft. Χρωματικοί κωδικοίαπό &0-9 - έως &a-f. Προσθέστε τα πριν από το κείμενό σας. Τα μηνύματα από τους παίκτες μπορούν να περιέχουν χρωματικούς κωδικούς που σας επιτρέπουν να προσθέσετε χρώμα στις προτάσεις σας.
Χρώματα και κωδικοί μορφοποίησης
Το σύμβολο συμπερασμάτων (&) ακολουθούμενο από έναν δεκαεξαδικό αριθμό στα μηνύματα σηματοδοτεί τον πελάτη να αλλάξει χρώματα κατά την εμφάνιση κειμένου. Επιπλέον, το κείμενο μπορεί να μορφοποιηθεί με ένα & ακολουθούμενο από ένα γράμμα. Μπορείτε να προσθέσετε διαφορετικά χρώματα σε βιβλία, μπλοκ εντολών, όνομα διακομιστή, περιγραφή διακομιστή (motd), ονόματα κόσμου, σήματα, ακόμη και ονόματα παικτών.
Είναι πολύ εύκολο να μορφοποιήσετε το κείμενό σας σε ρυθμίσεις παραμέτρων ή σε παιχνίδι χρησιμοποιώντας τον πίνακα χρωμάτων παρακάτω. Το &r χρησιμοποιείται για την επαναφορά όλων των κωδικών, π.χ. Το &mAAA&rBBB θα εμφανίζεται ως AAA BBB.
Παρουσιάζουμε έναν πίνακα με υπάρχοντες κωδικούς χρωμάτων στο Minecraft για διευκόλυνσή σας:
Κώδικας | Ονομα | Τεχνική ονομασία | Χρώμα συμβόλων | Σύμβολο χρώμα σκιάς | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | σολ | σι | Γοητεύω | R | σολ | σι | Γοητεύω | |||
&0 | Μαύρος | μαύρος | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Σκούρο μπλε | σκούρο_μπλε | 0 | 0 | 170 | 0000ΑΑ | 0 | 0 | 42 | 00002A |
&2 | Σκούρο πράσινο | σκούρο_πράσινο | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Σκούρο μπλε-πράσινο | dark_aqua | 0 | 170 | 170 | 00ΑΑΑ | 0 | 42 | 42 | 002A2A |
&4 | Σκούρο κόκκινο | σκούρο_κόκκινο | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Σκούρο μωβ | σκούρο_μοβ | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Χρυσός | χρυσός | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Γκρί | γκρί | 170 | 170 | 170 | ΑΑΑΑΑΑ | 42 | 42 | 42 | 2A2A2A |
&8 | Σκούρο γκρι | σκούρο_γκρι | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Μπλε | μπλε | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&ένα | Πράσινος | πράσινος | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&σι | Γαλαζοπράσινο | aqua | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&ντο | Κόκκινος | κόκκινος | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&ρε | Μωβ ανοιχτό | ανοιχτό_μοβ | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&μι | Κίτρινος | κίτρινος | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&φά | Λευκό | λευκό | 255 | 255 | 255 | ΦΦΦΦΦΦ | 63 | 63 | 63 | 3F3F3F |
Μερικές φορές είναι απαραίτητο υπογραμμίζω, διαγράφω, αποκορύφωμαοποιοδήποτε κείμενο. Αυτό γίνεται χρησιμοποιώντας τη μορφοποίηση κειμένου. Χρησιμοποιείται ακριβώς με τον ίδιο τρόπο με τα χρώματα (το βάζουμε πριν από το κείμενο κώδικας, για παράδειγμα &lMinecraft = Minecraft.
Για τη διευκόλυνσή σας, ακολουθεί ένας πίνακας με τους κωδικούς μορφοποίησης:
Κώδικας | Ονομα |
---|---|
&k | Μαγικό κείμενο |
&μεγάλο | Έντονο κείμενο |
&m | Διαγραφή κειμένου |
&n | Υπογραμμισμένο κείμενο |
&o | Πλάγιο κείμενο |
&r | Κείμενο χωρίς μορφοποίηση |
Στην 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 στο δεκαδικό αντιστοιχεί στην υψηλότερη τιμή 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 |
Χρωματικοί κωδικοί (φόντο) κατά κορεσμό και απόχρωση.
Οι δεκαεξαδικοί αριθμοί χρησιμοποιούνται για τον καθορισμό των χρωμάτων. Το δεκαεξαδικό σύστημα, σε αντίθεση με το δεκαδικό σύστημα, βασίζεται, όπως υποδηλώνει το όνομά του, στον αριθμό 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.
Με το όνομα
Internet Explorer | Χρώμιο | Οπερα | Σαφάρι | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Τα προγράμματα περιήγησης υποστηρίζουν ορισμένα χρώματα με το όνομά τους. Στον πίνακα 1 δείχνει τα ονόματα, τον δεκαεξαδικό κωδικό, τις τιμές RGB, HSL και την περιγραφή.
Ονομα | Χρώμα | Κώδικας | RGB | HSL | Περιγραφή |
---|---|---|---|---|---|
λευκό | #ffffff ή #fff | rgb(255,255,255) | hsl(0,0%,100%) | Λευκό | |
ασήμι | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Γκρί | |
γκρί | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Σκούρο γκρι | |
μαύρος | #000000 ή #000 | rgb(0,0,0) | hsl(0,0%,0%) | Μαύρος | |
μαρόν | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Σκούρο κόκκινο | |
κόκκινος | #ff0000 ή #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Κόκκινος | |
πορτοκάλι | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Πορτοκάλι | |
κίτρινος | #ffff00 ή #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Κίτρινος | |
ελιά | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Ελιά | |
άσβεστος | #00ff00 ή #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Ανοιχτό πράσινο | |
πράσινος | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Πράσινος | |
aqua | #00ffff ή #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Μπλε | |
μπλε | #0000ff ή #00f | rgb(0,0,255) | hsl(240,100%,50%) | Μπλε | |
ναυτικό | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Σκούρο μπλε | |
βάσκας | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Γαλαζοπράσινο | |
φουξία | #ff00ff ή #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Ροζ | |
μωβ | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Βιολέτα |
Χρήση RGB
Internet Explorer | Χρώμιο | Οπερα | Σαφάρι | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Μπορείτε να ορίσετε ένα χρώμα χρησιμοποιώντας τις τιμές του κόκκινου, του πράσινου και του μπλε σε δεκαδικούς όρους. Καθένα από τα τρία συστατικά χρώματος παίρνει μια τιμή από 0 έως 255. Επιτρέπεται επίσης ο καθορισμός του χρώματος ως ποσοστό, με το 100% να αντιστοιχεί στον αριθμό 255. Πρώτα, καθορίστε τη λέξη-κλειδί rgb και, στη συνέχεια, καθορίστε τα στοιχεία χρώματος σε παρένθεση , διαχωρισμένα με κόμματα, για παράδειγμα rgb(255 , 128, 128) ή rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Χρώμιο | Οπερα | Σαφάρι | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Η μορφή RGBA είναι παρόμοια στη σύνταξη με το RGB, αλλά περιλαμβάνει ένα κανάλι άλφα που καθορίζει τη διαφάνεια του στοιχείου. Μια τιμή 0 είναι πλήρως διαφανής, το 1 είναι αδιαφανές και μια ενδιάμεση τιμή όπως το 0,5 είναι ημιδιαφανής.
Το RGBA προστέθηκε στο CSS3, επομένως ο κώδικας CSS πρέπει να επικυρωθεί σε αυτήν την έκδοση. Θα πρέπει να σημειωθεί ότι το πρότυπο CSS3 είναι ακόμη υπό ανάπτυξη και ορισμένα χαρακτηριστικά ενδέχεται να αλλάξουν. Για παράδειγμα, ένα χρώμα σε μορφή RGB που προστέθηκε στην ιδιότητα χρώματος φόντου επικυρώνεται, αλλά ένα χρώμα που προστέθηκε στην ιδιότητα φόντου δεν είναι πλέον έγκυρο. Ταυτόχρονα, τα προγράμματα περιήγησης κατανοούν πολύ σωστά το χρώμα και για τις δύο ιδιότητες.
HSL
Internet Explorer | Χρώμιο | Οπερα | Σαφάρι | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Το όνομα της μορφής HSL προέρχεται από τον συνδυασμό των πρώτων γραμμάτων Hue (απόχρωση), Saturate (κορεσμός) και Lightness (ελαφρότητα). Η απόχρωση είναι η τιμή χρώματος στον τροχό χρώματος (Εικ. 1) και δίνεται σε μοίρες. Η 0° αντιστοιχεί στο κόκκινο, η 120° στο πράσινο και η 240° στο μπλε. Η τιμή απόχρωσης μπορεί να κυμαίνεται από 0 έως 359.
Ρύζι. 1. Χρώμα τροχού
Ο κορεσμός είναι η ένταση ενός χρώματος και μετριέται ως ποσοστό από 0% έως 100%. Μια τιμή 0% υποδηλώνει ότι δεν υπάρχει χρώμα και μια απόχρωση του γκρι, 100% είναι η μέγιστη τιμή για κορεσμό.
Το Lightness καθορίζει πόσο φωτεινό είναι το χρώμα και καθορίζεται ως ποσοστό από 0% έως 100%. Οι χαμηλές τιμές κάνουν το χρώμα πιο σκούρο και οι υψηλές τιμές κάνουν το χρώμα πιο ανοιχτό, οι ακραίες τιμές 0% και 100% αντιστοιχούν σε μαύρο και άσπρο.
HSLA
Internet Explorer | Χρώμιο | Οπερα | Σαφάρι | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Η μορφή HSLA είναι παρόμοια στη σύνταξη με την HSL, αλλά περιλαμβάνει ένα κανάλι άλφα για τον καθορισμό της διαφάνειας του στοιχείου. Μια τιμή 0 είναι πλήρως διαφανής, το 1 είναι αδιαφανές και μια ενδιάμεση τιμή όπως το 0,5 είναι ημιδιαφανής.
Οι τιμές χρώματος RGBA, HSL και HSLA έχουν προστεθεί στο CSS3, επομένως ελέγξτε τον κωδικό σας για την εγκυρότητα της έκδοσης όταν χρησιμοποιείτε αυτές τις μορφές.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Προειδοποίηση
Όλες οι μέθοδοι σύλληψης λιονταριών που αναφέρονται στον ιστότοπο είναι θεωρητικές και βασίζονται σε υπολογιστικές μεθόδους. Οι συγγραφείς δεν εγγυώνται την ασφάλειά σας κατά τη χρήση τους και αποποιούνται οποιαδήποτε ευθύνη για τα αποτελέσματα. Θυμηθείτε, ένα λιοντάρι είναι ένα αρπακτικό και ένα επικίνδυνο ζώο!
Το αποτέλεσμα αυτού του παραδείγματος φαίνεται στο Σχ. 2.
Ρύζι. 2. Χρώματα στην ιστοσελίδα