Χρώματα παστέλ HTML. Κωδικοί χρώματος στο Minecraft

Vlad merzehevich

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

Hex χρώματα

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

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

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

Το τυπικό χρώμα που χρησιμοποιείται στο HTML έχει ως εξής.

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

ΦΑ.

+

8e.

+

47

=

FA8E47.

Κάθε ένα από τα τρία χρώματα είναι κόκκινο, πράσινο και μπλε - μπορεί να πάρει τιμές από 00 έως FF, η οποία τελικά σχηματίζει 256 αποχρώσεις. Έτσι, ο συνολικός αριθμός των χρωμάτων μπορεί να είναι 256x256x256 \u003d 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 bits (256 χρώματα), τότε μπορεί να εμφανιστεί το ίδιο χρώμα Διαφορετικά προγράμματα περιήγησης με τον δικό του τρόπο. Αυτό οφείλεται στη μέθοδο εμφάνισης γραφικών, όταν το πρόγραμμα περιήγησης λειτουργεί με τη δική του παλέτα και δεν μπορεί να δείξει το χρώμα που δεν έχει στην παλέτα. Σε αυτή την περίπτωση, το χρώμα αντικαθίσταται από ένα συνδυασμό εικονοστοιχείων άλλων, κοντά σε αυτό, τα χρώματα που μιμούνται το καθορισμένο. Προκειμένου το χρώμα να παραμείνει αμετάβλητο σε διαφορετικά προγράμματα περιήγησης, εισήγαγε την παλέτα των λεγόμενων χρώματος ιστού. Οι ιστοσελίδες ονομάζονται τέτοια χρώματα για κάθε συστατικό του οποίου εγκαθίστανται - κόκκινο, πράσινο και μπλε - μία από τις έξι τιμές είναι εγκατεστημένες - 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 , και το χρώμα του κειμένου μέσω του χαρακτηριστικού κειμένου. Για μια ποικιλία, η τιμή στο χαρακτηριστικό κειμένου είναι εγκατεστημένο ως δεκαεξαδικό αριθμό και το BGColor διαθέτει δεσμευμένη λέξη-κλειδί thal.

Οι χρωματικοί κώδικες στο CSS χρησιμοποιούνται για να υποδείξουν το χρώμα. Κατά κανόνα, οι χρωματικοί κώδικες ή οι χρωματικές τιμές χρησιμοποιούνται για την εγκατάσταση του χρώματος ή για το προσκήνιο του στοιχείου (για παράδειγμα, το χρώμα κειμένου, αναφορά) ή για το φόντο του στοιχείου (χρώμα φόντου, μπλοκ). Μπορούν επίσης να χρησιμοποιηθούν για να αλλάξουν το χρώμα του κουμπιού, των συνόρων, του δείκτη, κατά τη διάρκεια της καθοδήγησης και άλλων διακοσμητικών επιδράσεων.

Μπορείτε να ορίσετε τις χρωματικές σας τιμές σε διάφορες μορφές. Ο παρακάτω πίνακας παραθέτει όλες τις πιθανές μορφές:

Παρακάτω περιγράφονται λεπτομερέστερα οι αναφερόμενες μορφές.

CSS Χρώματα - δεκαεξαδικοί κώδικες

Κωδικός χρώματος λείανσης - Αυτή είναι μια εξαψήφια παρουσίαση του χρώματος. Τα πρώτα δύο ψηφία (RR) είναι μια κόκκινη τιμή, τα ακόλουθα δύο είναι μια πράσινη τιμή (GG) και η τελευταία είναι μια μπλε τιμή (BB).

CSS Χρώματα - Σύντομοι εξαγωνικοί κώδικες

Σύντομος κώδικας χρωμάτων - Αυτή είναι μια συντομότερη μορφή έξι ψηφίων. Σε αυτή τη μορφή, κάθε ψηφίο επαναλαμβάνεται για να ληφθεί μια ισοδύναμη εξαψήφια τιμή χρώματος. Για παράδειγμα: # 0f0 γίνεται # 00FF00.

Η δεκαεξαδική αξία μπορεί να ληφθεί από οποιοδήποτε γραφικό λογισμικό, όπως το Adobe Photoshop, βασική κλήρωση, κλπ.

Κάθε εξάγωνο κολάρο σε CSS θα προηγηθεί από το σημάδι HESHA "#". Παρακάτω παρατίθενται παραδείγματα χρήσης δεκαεξαδικών ονομασιών.

CSS Colors - Τιμές 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	# 9933C.	# 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.
# Ccc00.	# Cccc33	# Cccc66.	# Cccc999	#Ccccc.	#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.	# Ffcc9999	#Ffcccc	#Ffccff.
# Ffff00.	# Ffff33	# Ffff66	# Ffff99.	#Ffffcc	#Ffffff.

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

Αυτή η καταχώρηση αποδείχθηκε αρκετά ογκώδης, αλλά από αυτό θα μάθετε για όλα τα τεχνικά χαρακτηριστικά της εργασίας με το χρώμα όταν Βοήθεια html. Ας αρχίσουμε να γράφουμε από αυτό που θα ασχοληθούμε με την ερώτηση: για αυτό που πρέπει να επισημάνουμε ορισμένα στοιχεία Html σελίδες. Στη συνέχεια, θα μιλήσουμε για το μοντέλο RGB, το οποίο σας επιτρέπει να ρυθμίσετε τα χρώματα σε HTML χρησιμοποιώντας ειδικούς κωδικούς (Pass, θα εξετάσουμε τους Cultimal Color Codes και τα δεκαεξαδικά χρώματα HTML). Επίσης από αυτήν την καταχώρηση θα μάθετε για την παλέτα χρωμάτων, καθώς και θα καταλάβετε γιατί δεν υπάρχει παλέτα σε HTML. Και η ολοκλήρωση αυτής της δημοσίευσης θα είναι Παραδείγματα αλλαγής χρώματος κειμένου, κειμένου και συνδέσμων.

Χρησιμοποιώντας χρώματα σε HTML

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

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

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

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

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

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

1. Μοντέλο RGB.. Αυτό το μοντέλο ήταν πολύ διαδεδομένο και, ίσως, είναι ένας από τους πιο βολικούς και συνηθισμένους τρόπους χειρισμού του χρώματος των στοιχείων HTML.
2. Μοντέλο RGBA. Αυτό το μοντέλο είναι πολύ παρόμοιο με το μοντέλο RGB, αλλά περιλαμβάνει το κανάλι Alpha του χρώματος. Το χαρακτηριστικό του μοντέλου RGBA έγκειται στο γεγονός ότι σας επιτρέπει να προσαρμόσετε όχι μόνο το χρώμα του στοιχείου HTML, αλλά και τη διαφάνεια του Λόγω της διαθεσιμότητας του Alpha Channel. Το μοντέλο RGBA προστέθηκε στο CSS3 και δεν υποστηρίζεται από παλιά προγράμματα περιήγησης.
3. Μοντέλο HSL. Το χαρακτηριστικό του μοντέλου HSL συνίσταται στο γεγονός ότι το χρώμα που καθορίζουμε με τις παραμέτρους της: σκιά, άροτρο και ελαφρότητα. Αυτό το μοντέλο είναι κάπως πιο περίπλοκο στην κατανόηση από το μοντέλο RGB.
4. Μοντέλο HSLA. Αυτό το μοντέλο είναι πολύ παρόμοιο με το μοντέλο HSL, αλλά ακριβώς όπως το μοντέλο RGBA σας επιτρέπει να εργάζεστε με ένα χρώμα Alpha-Channel, οπότε χρησιμοποιώντας την 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.

Αν μιλάμε για μοντέλα μετάδοσης χρώματος ανεξάρτητου υλικού, αξίζει να σημειωθεί το μοντέλο του εργαστηρίου. Έτσι, ήμασταν λίγο αποσπασμένος από την εργασία με το χρώμα σε 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 χαρακτηριστικό. Αυτό το χαρακτηριστικό είναι μοναδικό και ισχύει μόνο για την TEU Για να αλλάξετε το χρώμα της αναφοράς, την οποία έχει ήδη επισκεφθεί ο χρήστης.
5. Χαρακτηριστικό HTML ALINK. Αυτό το χαρακτηριστικό είναι επίσης μοναδικό και εφαρμόζεται μόνο στο TEU . Το χαρακτηριστικό Alink αλλάζει το χρώμα της ενεργού αναφοράς HTML.
6. Χαρακτηριστικό σύνδεσης HTML. Το χαρακτηριστικό σύνδεσης χρησιμοποιείται μόνο με ετικέτα Και χρησιμεύει για να αλλάξει το χρώμα των σελίδων HTML Links που δεν έχουν επισκεφθεί το χρήστη.

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

Χρησιμοποιώντας δεκαδικά χρώματα κώδικες σε HTML

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

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

1. Το χρώμα του εγγράφου HTML ήταν πράσινο: BGCOLOR \u003d "RGB (0.255.0)".
2. Χρώμα html κείμενο Οι σελίδες θα είναι μπλε: text \u003d "RGB (0,0,255)".
3. Html χρώμα συνδέσμους που ο χρήστης δεν έχει επισκεφθεί ότι θα είναι λευκό: link \u003d "RGB (255,255,255)».
4. Αναφορά λουλουδιών, η οποία είναι ανοιχτή αυτή τη στιγμή, θα είναι μαύρο: alink \u003d "rgb (0,0,0)".
5. Και το χρώμα των αναφορών HTML που έχουν ήδη επισκεφθεί ότι θα είναι κόκκινο: Vlink \u003d "RGB (255,0,0)".

Σημείωση: Κανείς δεν απαγορεύει να ρυθμίσετε τη ρύθμιση της "Spotlight Power" στη διακριτική του ευχέρεια, μπορείτε Ορίστε χρώμα HTMLΓια παράδειγμα, με αυτόν τον τρόπο:

rGB (94, 85, 50)

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

Πράγματι Λάθος να πω δεκαδικά χρώματα κώδικες σε HTMLΘα είναι πιο σωστό να πούμε Κωδικοί χρώματος Decimal RGB, στο μέτρο Αυτό το μοντέλο Χρησιμοποιείται όχι μόνο για το σχεδιασμό ιστοσελίδων σε HTML και CSS.

Hex τιμές χρώματος 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, Α, Β, C, D, E, F. Για ευκολία κατανόησης, μπορείτε να υποθέσετε ότι το Α είναι δέκα και το F είναι δεκαπέντε. Για παράδειγμα, ο αριθμός των δεκαέξι θα καταγράφεται σε σύστημα δεκαεξαδικού αριθμού ως εξής: 10. Και ο αριθμός 255 θα καταγραφεί ως FF.

Τώρα ας δούμε πώς μπορούμε Ορίστε το χρώμα των στοιχείων HTML με δεκαεξαδικές τιμές, Επαναλαμβάνουμε το προηγούμενο παράδειγμα μας, αντικαθιστώντας τους κωδικούς των δεκαδικών χρωμάτων στα δεκαεξαδικά τους ανάλογα:

< body alink = ”# 000000 "link \u003d" # ffffff "vlink \u003d" ff0000 "bgcolor \u003d" # 00FFF00 "κείμενο \u003d" # 0000FF "\u003e

Σημείωση: Η εγγραφή χρώματος σε HTML σε δεκαεξαδική μορφή είναι κάπως πιο συμπαγήςΑπό το δεκαδικό, είναι το πρώτο. Το δεύτερο: Η ισχύς κάθε προβολέων ρυθμίζεται με αριθμούς από 0 έως 255. Για να καταγράψετε τους αριθμούς 255, απαιτούνται δύο ψηφία σε δεκαεξαδική μορφή (FF \u003d 250), έτσι ώστε η φωτεινότητα κάθε χρωμάτων , το κανάλι χρώματος) ρυθμίζεται από δύο αριθμούς από το 0 έως το f.

ΣΗΜΕΙΩΣΗ: Η φωτεινότητα κάθε καναλιού χρώματος έχει οριστεί ξεχωριστά, αλλά εάν υποβάλλετε ότι αυτός είναι ένας αριθμός, τότε ο μέγιστος πιθανός αριθμός στο εξαγωνικό σύστημα μοντέλου μοντέλου RGB είναι ίσο με το FFFFF, θα μας δώσει ένα λευκό χρώμα και το δεκαδικό χρώμα Το σύστημα είναι: 16 777 215. Ένα τέτοιο αριθμό χρωμάτων και αποχρώσεων σας επιτρέπει να ορίσετε / χρησιμοποιήσετε το μοντέλο RGB. Αυτός ο αριθμός λαμβάνεται από το γεγονός ότι κάθε κανάλι χρώματος έχει 256 τιμές φωτεινότητας (από 0 έως 255), αντίστοιχα: 256 * 256 * 256 \u003d 16 777 215.

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

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

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

Ονόματα λουλουδιών σε HTML

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

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

< body alink = ”black ”link = ”# white "vlink \u003d" κόκκινο "bgcolor \u003d" πράσινο "κείμενο \u003d" μπλε "\u003e

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

Ο πίνακας από τα παραπάνω αποδεικνύει Ποιο χρώμα θα λάβει ένα στοιχείο HTML εάν το καθορίσετε χρησιμοποιώντας ένα όνομα. Αυτός ο πίνακας περιέχει 16 χρώματα και τα ονόματά τους που έχουν εγκριθεί από την κοινοπραξία W3C και θα πρέπει να εμφανίζονται εξίσου σε οποιοδήποτε πρόγραμμα περιήγησης. Αλλά στην πραγματικότητα, στο HTML, μπορείτε να χρησιμοποιήσετε περίπου 200 ονόματα χρώματος που υποστηρίζουν τα κύρια προγράμματα περιήγησης, όπως: Opera, Chrome, Firefox, Safari, Internet Explorer (σε βάρος της τελευταίας αυτής της δήλωσης είναι πολύ αμφιλεγόμενη).

Χρωματική παλέτα σε HTML

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

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

Σημειώστε ότι πολλές ενότητες και plugins των παλιών χρωμάτων σας επιτρέπουν να πάρετε τον κωδικό χρώματος όχι μόνο στη μορφή RGB / RGBA, αλλά και στη μορφή άλλων μοντέλων. Θυμάμαι ότι σε παλέτες HTML, καλά, είναι καλλιτέχνης στον εγκέφαλο των οστών και Καλέστε την παλέτα των χρωμάτων των σελίδων HTMLΧρησιμοποιήθηκε για να το σχεδιάσει (τελικά, μερικές φορές η παλέτα ονομάζεται χρώματα που ένας ή ένας άλλος καλλιτέχνης, ή τα χρώματα που έχουν χρησιμοποιηθεί στη δημιουργία μιας συγκεκριμένης εικόνας).

Μάθηση για να αλλάξετε το χρώμα του κειμένου σε HTML

Πήραμε Πολλή θεωρία για τα χρώματα σε HTMLΑς πάμε στην πρακτική και να προσπαθήσουμε Εργαστείτε με τα χρώματα των στοιχείων HTML. Πρώτον, ότι θα μάθουμε να κάνουμε - Αλλαγή χρώματος κειμένου σε έγγραφο HTML Με ειδικά χαρακτηριστικά και ετικέτες. Ανοίξτε οποιονδήποτε επεξεργαστή και γράψτε τον ακόλουθο κώδικα σε αυτό:

Μαθαίνοντας να εργάζεστε με το χρώμα σε html

Αλλάξτε το χρώμα του κειμένου

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

< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title > ChangeAbleclottechtml Έγγραφο< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" > Clearingstvstml< / font > < / h1 > < h2 > < font color = "yellow" > Αλλαγή της αλλαγής< / font > < / h2 > < p > Για την παρουσίαση του Tsvetatestama, ένας χυμώδης χρήστης Χαρακτηριστικό Κείμενο, συνημμένο χρησιμοποιώντας στοιχείοFont < / body > < / html >

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

Μιλήστε σωστά να μην αλλάξετε το χρώμα του κειμένου σε HTML, αλλά αλλάζοντας το χρώμα της γραμματοσειράς στο HTML. Υπέρ

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

Από τον τίτλο

Internet Explorer.	Χρώμιο.	ΛΥΡΙΚΗ ΣΚΗΝΗ.	Σαφάρι.	Firefox.	Ανδροειδής	Ίος.
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

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

Τραπέζι. 1. Ονόματα λουλουδιών

Ονομα	Χρώμα	Ο κώδικας	RGB.	HSL.	Περιγραφή
λευκό		#Fffff ή #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.	Ανδροειδής	Ίος.
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.	Ανδροειδής	Ίος.
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.	Ανδροειδής	Ίος.
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

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

Σύκο. 1. Κύκλος χρώματος

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

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

Hsla

Internet Explorer.	Χρώμιο.	ΛΥΡΙΚΗ ΣΚΗΝΗ.	Σαφάρι.	Firefox.	Ανδροειδής	Ίος.
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. Χρώματα σε μια ιστοσελίδα

Στο HTML, το χρώμα μπορεί να ρυθμιστεί με τρεις τρόπους:

Χρώμα εργασιών στο HTML με το όνομά του

Ορισμένα χρώματα μπορούν να καθοριστούν με το όνομά τους χρησιμοποιώντας το χρώμα ονόματος αγγλική γλώσσα. Η πιο κοινή Λέξεις-κλειδιά: Μαύρο (μαύρο), λευκό (λευκό), κόκκινο (κόκκινο), πράσινο (πράσινο), μπλε (μπλε) και dr:

Χρώμα κειμένου - Κόκκινο

Τα πιο δημοφιλή στρογγυλά χρώματα κοινοπραξίας Παγκόσμιος Ιστός (Eng. Παγκόσμια κοινοπραξία Ιστού, W3C):

Χρώμα	Ονομα	Χρώμα	Ονομα	Χρώμα	Ονομα	Χρώμα	Ονομα
	Μαύρος.		Γκρί.		Ασήμι		λευκό
	Κίτρινος		Ασβεστος		Aqua.		Φουξία.
	το κόκκινο		Πράσινος.		Μπλε		Μωβ.
	Μαρόν.		Ελιά.		ΠΟΛΕΜΙΚΟ ΝΑΥΤΙΚΟ.		Βάσκας

Ένα παράδειγμα χρήσης διαφόρων ονόματος χρώματος:

Παράδειγμα: Έγχρωμη εργασία με το όνομά του

• Δοκιμάστε τον εαυτό σας "

Τίτλος σε κόκκινο φόντο

Τίτλος σε πορτοκαλί φόντο

Τίτλος στο φόντο Lyme

Λευκό κείμενο σε μπλε φόντο

Τίτλος σε κόκκινο φόντο

Τίτλος σε πορτοκαλί φόντο

Τίτλος στο φόντο Lyme

Λευκό κείμενο σε μπλε φόντο

Έγχρωμη εργασία χρησιμοποιώντας 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, και, B, C, D, E, F. Εδώ οι αριθμοί από 10 έως 15 αντικαθίστανται από τα λατινικά γράμματα. Οι αριθμοί είναι περισσότερο από 15 σε ένα δεκαεξαδικό σύστημα σχετίζονται με δύο χαρακτήρες σε μία τιμή. Για παράδειγμα, ο μεγαλύτερος αριθμός 255 στο δεκαδικό σύστημα αντιστοιχεί στην υψηλότερη τιμή FF στο δεκαεξαδικό σύστημα. Σε αντίθεση με το δεκαδικό σύστημα, πριν από το δεκαεξαδικό, το σύμβολο πλέγματος έβαλε # Για παράδειγμα, το # FF0000 εμφανίζεται ως κόκκινο χρώμα, καθώς το κόκκινο είναι εγκατεστημένο στην υψηλότερη τιμή (FF) και τα υπόλοιπα χρώματα ρυθμίζονται στην ελάχιστη τιμή (00). Σημάδια μετά το σύμβολο πλέγματος # Μπορείτε να καλέσετε τόσο κεφαλαία όσο και τη γραμμή. Το δεκαεξαδικό σύστημα επιτρέπει τη συντομευμένη μορφή της μορφής #RGB, όπου κάθε χαρακτήρας είναι ισοδύναμος με διπλό. Έτσι, η εγγραφή # F7O πρέπει να θεωρηθεί ως # ff7700.

Παράδειγμα: Χρώμα hex

• Δοκιμάστε τον εαυτό σας "

Κόκκινο: # ff0000

Πράσινο: # 00FF00

Μπλε: # 0000FF

Κόκκινο: # ff0000

Πράσινο: # 00FF00

Μπλε: # 0000FF

Κόκκινο + πράσινο \u003d κίτρινο: # ffff00

Κόκκινο + μπλε \u003d μοβ: # ff00ff

Πράσινο + μπλε \u003d μπλε: # 00ffff

Κατάλογος εκτεταμένων χρωμάτων (όνομα, hex και rgb):

αγγλικό όνομα	Ρωσικό όνομα	Δείγμα	Μαγεύω.	RGB.
Αμάραντος	Αμιγής		# E52B50.	229	43	80
Κεχριμπάρι	Κεχριμπάρι		# Fbf00.	255	191	0
Aqua.	Ημι-πράσινος		# 00ffff.	0	255	255
Γαλανός.	Γαλανός		# 007fff.	0	127	255
Μαύρος.	Το μαυρο		#000000	0	0	0
Μπλε	Μπλε		# 0000FF.	0	0	255
Bondi μπλε.	Νερό Bondi 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

Κωδικοί λουλουδιών (φόντο) σε κορεσμό και σκιά.