Τι είναι ο μαύρος κώδικας. Το χρώμα σε στυλ μπορεί να ρυθμιστεί με διαφορετικούς τρόπους: σε δεκαεξαδική τιμή, με όνομα, σε μορφή RGB, RGBA, HSL, HSLA

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

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

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

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

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

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

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

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

Κάθε εξάγωνο κολάρο σε 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.

Στο 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) τιμές χρώματος στη φόρμα: #RRGGGBB, όπου 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 V μετρικό σύστημα Αντιστοιχεί στην υψηλότερη τιμή 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
Ultraramarine.	Βαθύ γαλάζιο		# 120a8f.	18	10	143
Βιολέτα.	Μωβ		# 8B00FF.	139	0	255
Κίτρινος	Κίτρινος		# Ffff00.	255	255	0

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

11/28/14 11.1K.

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

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

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

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

Στο html-color-codes.info γεννήτρια λουλουδιών έχει αυτό το είδος:

Και μέσα στην υπηρεσία color-picker.appsmaster.co, αυτό το εργαλείο πραγματοποιείται λίγο διαφορετικά:

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

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

Ασφάλεια όταν εργάζεστε με χρώμα

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

Τότε ο μεγάλος πίνακας ασφαλών χρωμάτων εκτράφηκε. Έδειξε 216 αποχρώσεις που θα μπορούσαν να εμφανιστούν χωρίς παραμόρφωση σε οποιοδήποτε από τα προγράμματα περιήγησης εκείνης της εποχής. Μέχρι σήμερα αυτό " Μεγάλο χειρόγραφο»Εξακολουθεί να είναι διαθέσιμο σε ορισμένους πόρους:

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

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

Vlad merzehevich

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

Hex χρώματα

Για τη ρύθμιση των χρωμάτων σε 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) - μπλε. Ως αποτέλεσμα, θα αποδειχθεί ένα τέτοιο χρώμα.

ΦΑ.

+

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 έχει δεσμευμένο Λέξεις-κλειδιά Βάσκας.