Χρυσή html. Εκμάθηση HTML. Χρώματα RGB. Ασφαλή χρώματα παλέτας
>>Διαχείριση χρωμάτων
Δεκαεξαδικές τιμές χρώματος RGB
Οι μέθοδοι περιγραφής και επεξεργασίας χρώματος διαφέρουν μεταξύ τους ως προς την τελική αναπαράσταση για την οποία προορίζονται. Ας συγκρίνουμε, για παράδειγμα, την αναπαράσταση των χρωμάτων για εκτύπωση και για οθόνες υπολογιστών. Στην πρώτη περίπτωση, λαμβάνεται η βάση άσπροτο χρώμα του χαρτιού στο οποίο εφαρμόζονται στη συνέχεια τρία βασικά χρώματα: μπλε, μωβΚαι κίτρινος. Αναμιγνύοντας μεταξύ τους και με το λευκό χρώμα του χαρτιού σε διαφορετικές αναλογίες, αυτά τα τρία βασικά χρώματα δίνουν διαφορετικές χρωματικές αποχρώσεις, εκτός από το καθαρό μαύρο ή σε περίπτωση παντελούς απουσίας χρωμάτων που δίνουν άσπρο χρώμαχαρτί. Αν τους προσθέσουμε μαύρο χρώμα, παίρνουμε CMYK-μια μέθοδος μετάδοσης χρώματος όταν το επιθυμητό χρώμα λαμβάνεται αφαιρώντας τα χρώματα που λείπουν από το λευκό.
Στη δεύτερη περίπτωση, λαμβάνεται η βάση μαύροςτο χρώμα της οθόνης της οθόνης, κάθε κελί της οποίας λάμπει σε ένα από τα τρία χρώματα: το κόκκινο-το κόκκινο, πράσινος-πράσινο και μπλε-μπλε. Στη συνέχεια, ελλείψει οποιασδήποτε λάμψης, παίρνουμε ένα καθαρό μαύρο χρώμα οθόνης και οποιοδήποτε από τα απαιτούμενα χρώματα δίνεται από την αναλογία καθενός από τα τρία χρώματα. Σε αυτή την περίπτωση θα πάρουμε RGB-μέθοδος μετάδοσης χρώματος. Τα βασικά χρώματα μπορεί να κυμαίνονται από 0
πριν 255
, ή από 0%
πριν 100%
, ή μπορεί να αναπαρασταθεί ως δεκαεξαδική τιμή. Στο παρακάτω σχήμα μπορείτε να δείτε τα αποτελέσματα της ανάμειξης των βασικών χρωμάτων.
Το δεκαεξαδικό σύστημα αριθμών, σε αντίθεση με το δεκαδικό σύστημα αριθμών, δεν έχει δέκα ψηφία, αλλά δεκαέξι - εξ ου και το όνομα. Κατά συνέπεια, μπορούν να υπάρχουν μόνο μη επαναλαμβανόμενες παραλλαγές συνδυασμών δύο ψηφίων - 256 , για να συνεχίσετε τη σειρά των αριθμών μετά 9 γράμματα από ΕΝΑπριν φά, επομένως, η σειρά θα μοιάζει με αυτό -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Σε αυτήν την περίπτωση, το χρώμα καθορίζεται από τρεις δεκαεξαδικούς αριθμούς, καθένας από τους οποίους αποτελείται από δύο ψηφία. Ο πρώτος αριθμός καθορίζει την ένταση το κόκκινοχρώματα, μεσαία- πράσινος, το τελευταίο πράγμα- μπλεχρωματιστά. Όλοι οι αριθμοί μπορούν να λάβουν τιμές στο εύρος από 00 πριν FF(από 0 έως 255). Για παράδειγμα: το πράσινο χρώμα δίνεται ως #00FF00, κόκκινο-όπως #FF0000, μπλε - σαν #0000FF, λευκό - σαν #FFFFFF, πλήρης απουσίαχρώματα ή μαύρο δίνεται ως #000000 .
Στην παρακάτω φόρμα μπορείτε να καθορίσετε τυχόν δεκαεξαδικές τιμές για καθένα από τα τρία χρώματα και να δείτε το αποτέλεσμα της ανάμειξής τους κάνοντας κλικ στο πεδίο εξόδου.
Παραδείγματα ορισμένων δεκαεξαδικών τιμών χρώματος RGB: διαβαθμίσεις κόκκινου, μπλε και πράσινου.
θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Καθορισμός χρώματος με χρήση συμβολοσειρών
Για ευκολία στη χρήση, σε ορισμένα χρώματα και στους συνδυασμούς τους εκχωρήθηκαν ονόματα που αναγνωρίζονται από όλα τα προγράμματα περιήγησης και κατέστη δυνατός ο καθορισμός πολλών από αυτά ονομαστικά. Ο παρακάτω πίνακας δείχνει μερικά από τα ονόματα των χρωμάτων:
θέα | Ονομα | θέα | Ονομα | θέα | Ονομα | θέα | Ονομα |
άσπρο | το κόκκινο | Πορτοκάλι | Κίτρινος | ||||
Πράσινος | Μπλε | Μωβ | Μαύρος | ||||
Aliceblue | Αντικελευκό | Aqua | Ακουαμαρίνης | ||||
Γαλανός | Μπεζ | Είδος πυκνής σούπας | Blanchedalmond | ||||
Μπλε βιολετί | καφέ | Burlywood | Cadetblue | ||||
Κιτρινοπράσινος | Σοκολάτα | Κοράλλι | Αραβοσίτου | ||||
Μετάξι καλαμποκιού | βυσσινί | κυανό | Σκούρο μπλε | ||||
Σκοτεινός | Darkgoldenrod | Σκούρο γκρίζο | Σκούρο πράσινο | ||||
Darkkhaki | Darkmagenta | Darkolivegreen | Σκούρο πορτοκαλί | ||||
Darkorchid | Σκούρο κόκκινο | Darksalmon | Σκοτεινό πράσινο | ||||
Σκούρο μπλε | Darkslategray | Σκούρο τιρκουάζ | Σκούρο βιολετί | ||||
Βαθύ ροζ | Deepskyblue | Dimgray | Dodgeblue | ||||
Πυρίμαχο τούβλο | Λουλουδάσπρη | Πράσινο του δάσους | Φούσκια | ||||
Gainsboro | Ghostwhite | Χρυσός | Goldenrod | ||||
Γκρί | Πράσινο κίτρινο | Μελίτωμα | Καυτό ροζ | ||||
Ινδιάνος | Ινδικό | Ελεφαντόδοντο | Χακί | ||||
Λεβάντα | Κόκκινο λεβάντας | Λεμονσιφόν | Γαλάζιο | ||||
Lightcoral | Lightcyan | Ανοιχτόχρωμο κίτρινο | Ανοιχτό πράσινο | ||||
Ανοιχτό γκρι | Ανοιχτό ροζ | Ελαφρός σολομός | Lightseagreen | ||||
Ανοιχτό μπλε | Lightslategray | Lightsteelblue | Ανοιχτό κίτρινο | ||||
Ασβεστος | Ασβεστοπράσινο | ΛΕΥΚΑ ΕΙΔΗ | Πορφύρα βαφή | ||||
Μαρόν | Mediumaquamarine | Μεσαίο μπλε | Mediumorchid | ||||
Μεσαίο μωβ | Mediumseagreen | Mediumslateblue | Mediumspringgreen | ||||
Μεσαίο τιρκουάζ | Μεσαίο βιολετί | Midnightblue | Κρέμα μέντας | ||||
Mistyrose | Ναβάχολευκο | ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ | Oldlace | ||||
Ελιά | Ολιβεράμπ | Πορτοκαλοκόκκινο | Ορχιδέα | ||||
Palegoldenrod | Απαλό πράσινο | Παλετατουρκουάζ | Παλαιοιώδες | ||||
Παπάγια | Peachpuff | Περού | Ροζ | ||||
Δαμάσκηνο | Μπλε σκόνη | Rosybrown | Μπλε ρουά | ||||
Καφέ σέλα | Πράσινη θάλασσα | Κοχύλι | Χώμα σιένης | ||||
Ασήμι | Skyblue | Slateblue | Slategray | ||||
Χιόνι | Springgreen | Steelblue | Βυρσοδέψω | ||||
Βάσκας | Γαϊδουράγκαθο | Ντομάτα | Τουρκουάζ | ||||
Βιολέτα | Σιτάρι | Λευκός καπνός | Κίτρινο πράσινο |
Χρησιμοποιώντας μια ασφαλή χρωματική παλέτα
Δυστυχώς, στις διαφορετικές πλατφόρμες, με διαφορετικές ρυθμίσεις συστήματος, σωστή μετάδοσητο χρώμα είναι πρόβλημα. Το θέμα είναι ότι το πρόγραμμα περιήγησης προσπαθεί πάντα να προσαρμοστεί χρωματική παλέταέγγραφο κάτω από ρυθμίσεις συστήματοςκαι τις δυνατότητες της οθόνης, αναμειγνύοντας ανεξάρτητα χρώματα και αντικαθιστώντας τα. Ως αποτέλεσμα, μερικές φορές ο χρήστης δεν βλέπει ακριβώς αυτό που ήθελε να του δείξει ο webmaster. Μια διέξοδος από αυτήν την κατάσταση βρέθηκε στη χρήση μιας παλέτας, κάθε χρώμα της οποίας είναι εγγυημένο ότι θα αποδίδεται εξίσου από όλα τα προγράμματα περιήγησης σε διαφορετικές πλατφόρμες. Αυτό είναι το λεγόμενο εγγυημένηπαλέτα, που ονομάζεται επίσης ασφαλήςπαλέτα. Αυτή η παλέτα περιλαμβάνει χρώματα των οποίων τα στοιχεία χρώματος λαμβάνουν τις ακόλουθες τιμές: 00 ,33 ,66 ,99 , CC,FF, με όλους τους δυνατούς τρόπους 216 τους συνδυασμούς τους.
θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας | θέα | κώδικας |
ΦΦΦΦΦΦ | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66 FF00 | 66FF33 | 33 FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33ΦΦΦΦ | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399 CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699 CC | 336699 | 006699 | ||||||
0066FF | 3366 CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000 FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300 FF | 3300 CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666 CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600 FF | 330099 | 330066 | ||||||
9966 CC | 9966FF | 6600 CC | 6633 CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900 FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
Οι αριθμοί χρησιμοποιούνται για τον καθορισμό χρωμάτων δεκαεξαδικός κώδικας. Το δεκαεξαδικό σύστημα, σε αντίθεση με το δεκαδικό σύστημα, βασίζεται, όπως υποδηλώνει το όνομά του, στον αριθμό 16. Οι αριθμοί θα είναι οι εξής: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Οι αριθμοί από το 10 έως το 15 αντικαθίστανται με λατινικά γράμματα. Αριθμοί μεγαλύτεροι από 15 in δεκαεξαδικό σύστημασχηματίζονται με το συνδυασμό δύο αριθμών σε έναν. Για παράδειγμα, ο αριθμός 255 in μετρικό σύστημααντιστοιχεί στον αριθμό 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. Χρώματα στην ιστοσελίδα
Κωδικοί 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.
Για τη δική σας διευκόλυνση, ακολουθεί ένας πίνακας με τους κωδικούς μορφοποίησης:
Κώδικας | Ονομα |
---|---|
&κ | Μαγικό κείμενο |
&μεγάλο | Ονυξ του αντίχειρος |
&Μ | Διαγραφή κειμένου |
&n | Υπογραμμισμένο κείμενο |
&o | Πλάγιο κείμενο |
&r | Κείμενο χωρίς μορφοποίηση |
Βλαντ Μέρζεβιτς
Στην 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 της ετικέτας
και το χρώμα του κειμένου μέσω του χαρακτηριστικού κειμένου. Για ποικιλία, η τιμή του χαρακτηριστικού κειμένου ορίζεται σε: δεκαεξαδικός αριθμόςκαι bgcolor χρησιμοποιώντας δεσμευμένο λέξη-κλειδίβάσκας.