Λευκό εξάγωνο χρώμα. Κώδικες χρωμάτων στο Minecraft

28/11/14 11,1Κ

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

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


Στις μέρες μας όλα έχουν αλλάξει. Επομένως, όλοι οι κανόνες ασφαλείας κατά την εργασία με χρώμα σε html ακυρώνονται εντελώς. Εξάλλου, το σύγχρονο υλικό υπολογιστών υποστηρίζει περισσότερες από 16 εκατομμύρια διαφορετικές αποχρώσεις. Και 216 ασφαλή χρώματα έχουν βυθιστεί στη λήθη.

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

ΦΑ. + + 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 δείχνει τα ονόματα των δημοφιλών ονομάτων χρωμάτων.

Τραπέζι 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 .



Έχετε ερωτήσεις;

Αναφέρετε ένα τυπογραφικό λάθος

Κείμενο που θα σταλεί στους συντάκτες μας: