AlegsaOnline.com

Διαδικτυακά χρώματα

Συγγραφέας: Leandro Alegsa

09-04-3647

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

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

Οι πρώτες εκδόσεις του Mosaic και του NetscapeNavigator χρησιμοποιούσαν τα ονόματα χρωμάτων X11 ως βάση για τις λίστες χρωμάτων τους. Αυτό συνέβη επειδή και οι δύο ξεκίνησαν ως εφαρμογές του X Window System.

Κάθε χρώμα ιστού έχει τον δικό του ορισμό, sRGB. Αυτό σχετίζεται με τις χρωματικότητες ενός ενιαίου συνόλου φωσφόρου, μια δεδομένη καμπύλη μεταφοράς, προσαρμοστικό σημείο λευκότητας και συνθήκες θέασης. Αυτές έχουν επιλεγεί ώστε να είναι παρόμοιες με πολλές οθόνες και συνθήκες θέασης του πραγματικού κόσμου. Ακόμη και χωρίς διαχείριση χρωμάτων, τα χρώματα που δημιουργούνται είναι αρκετά κοντά στις δεδομένες τιμές. Ωστόσο, οι πράκτορες χρήστη μπορεί να διαφέρουν ως προς την πιστότητα με την οποία εμφανίζουν τα χρώματα. Οι καλύτεροι πράκτορες χρήστη χρησιμοποιούν διαχείριση χρωμάτων για να δημιουργήσουν καλύτερη πιστότητα χρωμάτων. Αυτό είναι σημαντικό για τις εφαρμογές Web-to-print.

Τριπλέτα Hex

Η δεκαεξαδική τριπλέτα είναι ένας εξαψήφιος αριθμός τριών byte που χρησιμοποιείται στην HTML, το CSS, το SVG και άλλα προγράμματα υπολογιστών για την αναπαράσταση χρωμάτων. Τα bytes αντιπροσωπεύουν το κόκκινο, το πράσινο και το μπλε μέρος του χρώματος. Ένα byte αντιπροσωπεύει έναν αριθμό στο εύρος 00 έως FF, ή 0 έως 255 σε δεκαδική σημειογραφία. Αυτό αντιπροσωπεύει τη μικρότερη (0) έως τη μεγαλύτερη (255) ένταση καθενός από τα συστατικά του χρώματος. Η δεκαεξαδική τριπλέτα σχηματίζεται με τη συνένωση τριών bytes σε δεκαεξαδική σημειογραφία, με την ακόλουθη σειρά:

Byte 1: κόκκινη τιμή (τύπος χρώματος κόκκινο)

Byte 2: πράσινη τιμή (τύπος χρώματος πράσινο)

Byte 3: μπλε τιμή (τύπος χρώματος μπλε)

Για παράδειγμα, θεωρήστε το χρώμα όπου οι τιμές κόκκινου/πράσινου/μπλε είναι δεκαδικοί αριθμοί: κόκκινο=36, πράσινο=104, μπλε=160 (ένα γκριζογάλαζο χρώμα). Οι δεκαδικοί αριθμοί 36, 104 και 160 είναι παρόμοιοι με τους αριθμούς 24, 68 και Α0 αντίστοιχα. Η δεκαεξαδική τριπλέτα προκύπτει συνδυάζοντας τα 6 δεκαεξαδικά ψηφία μαζί, 2468A0 σε αυτό το παράδειγμα.

Χρώματα ιστού HTML

Διαμορφώθηκε το 1997 και αρχικά υπήρχαν 16 χρώματα. Το πορτοκαλί προστέθηκε αργότερα για να γίνουν συνολικά 17. Τα αρχικά 16 αποτελούσαν μέρος κάτι που ονομάζεται "πρότυπο VGA των Windows", που σημαίνει ότι είναι τα χρώματα που μπορούν να χρησιμοποιηθούν για ενέργειες όπως η επισήμανση. ^[]

Χρώμα	Εξαδικό	Χρώμα	Εξαδικό	Χρώμα	Εξαδικό	Χρώμα	Εξαδικό
aqua	#00FFFF	γκρι	#808080	ναυτικό	#000080	ασημένιο	#C0C0C0
μαύρο	#000000	πράσινο	#008000	ελιά	#808000	πετρόλ	#008080
μπλε	#0000FF	ασβέστης	#00FF00	μοβ	#800080	λευκό	#FFFFFF
φούξια	#FF00FF	καφέ	#800000	κόκκινο	#FF0000	κίτρινο	#FFFF00

Το χρώμα HTML προστέθηκε αργότερα

Χρώμα	Εξαδικό
πορτοκαλί	#FFA500

Χ11 χρώματα (διαμορφώθηκαν το 1987)

Αυτά ονομάζονται "χρώματα ιστού X11" από την εφεύρεση του Παγκόσμιου Ιστού το 1991.

Όνομα HTML	Κωδικός HexR G B	Δεκαδικός κωδικόςR G B
Κόκκινα χρώματα
Ινδικό κόκκινο	CD 5C 5C	205 92 92
Ανοιχτό κοράλλι	F0 80 80	240 128 128
Σολομός	FA 80 72	250 128 114
Σκούρος σολομός	E9 96 7A	233 150 122
Ελαφρύς σολομός	FF A0 7A	255 160 122
Crimson	DC 14 3C	220 20 60
Κόκκινο	FF 00 00 00	255 0 0
Τούβλο φωτιάς	B2 22 22	178 34 34
Σκούρο κόκκινο	8B 00 00	139 0 0
Ροζ χρώματα
Ροζ	FF C0 CB	255 192 203
Ανοιχτό ροζ	FF B6 C1	255 182 193
Ζεστό ροζ	FF 69 B4	255 105 180
Βαθύ ροζ	FF 14 93	255 20 147
Μεσαίο βιολετί κόκκινο	C7 15 85	199 21 133
Χλωμό βιολετί κόκκινο	DB 70 93	219 112 147
Πορτοκαλί χρώματα
Ελαφρύς σολομός	FF A0 7A	255 160 122
Κοράλλι	FF 7F 50	255 127 80
Ντομάτα	FF 63 47	255 99 71
ΠορτοκαλίΚόκκινο	FF 45 00	255 69 0
Σκούρο πορτοκαλί	FF 8C 00	255 140 0
Πορτοκαλί	FF A5 00	255 165 0

Κίτρινα χρώματα
Χρυσό	FF D7 00	255 215 0
Κίτρινο	FF FF 00	255 255 0
Ανοιχτό κίτρινο	FF FF FF E0	255 255 224
Λεμόνι σιφόν	FF FA CD	255 250 205
Κίτρινο φως Χρυσόφυλλο κίτρινο	FA FA FA D2	250 250 210
Παπάγια Whip	FF EF EF D5	255 239 213
Μοκασίνι	FF E4 B5	255 228 181
Ροδάκινο Puff	FF DA B9	255 218 185
Χλωμή Χρυσοκάρυδο	EE E8 AA	238 232 170
Χακί	F0 E6 8C	240 230 140
Σκούρο χακί	BD B7 6B	189 183 107
Μωβ χρώματα
Λεβάντα	E6 E6 FA	230 230 250
Γαϊδουράγκαθο	D8 BF D8	216 191 216
Δαμάσκηνο	DD A0 DD	221 160 221
Βιολέτα	EE 82 EE	238 130 238
Ορχιδέα	DA 70 D6	218 112 214
Φούξια	FF 00 FF	255 0 255
Ματζέντα	FF 00 FF	255 0 255
Μεσαία ορχιδέα	BA 55 D3	186 85 211
Μεσαίο μωβ	93 70 DB	147 112 219
Αμέθυστος	99 66 CC	153 102 204
Μπλε βιολετί	8A 2B E2	138 43 226
Σκούρο βιολετί	94 00 D3	148 0 211
Σκοτεινή ορχιδέα	99 32 CC	153 50 204
Σκούρο ματζέντα	8B 00 8B	139 0 139
Μωβ	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
Μπλε σχιστόλιθο	6A 5A CD	106 90 205
Σκούρο μπλε σχιστόλιθο	48 3D 8B	72 61 139
Μεσαίο μπλε σχιστόλιθο	7B 68 EE	123 104 238

Όνομα HTML	Κωδικός HexR G B	Δεκαδικός κωδικόςR G B
Πράσινα χρώματα
Πράσινο Κίτρινο	AD FF 2F	173 255 47
Chartreuse	7F FF 00	127 255 0
Πράσινο γκαζόν	7C FC 00	124 252 0
Ασβέστης	00 FF 00	0 255 0
Πράσινο λάιμ	32 CD 32	50 205 50
Χλωμό πράσινο	98 FB 98	152 251 152
Ανοιχτό πράσινο	90 EE 90	144 238 144
Μεσαίο ανοιξιάτικο πράσινο	00 FA 9A	0 250 154
Ανοιξιάτικο πράσινο	00 FF 7F	0 255 127
Μεσαίο πράσινο της θάλασσας	3C B3 71	60 179 113
Πράσινο της θάλασσας	2E 8B 57	46 139 87
Πράσινο του δάσους	22 8B 22	34 139 34
Πράσινο	00 80 00	0 128 0
Σκούρο πράσινο	00 64 00	0 100 0
Κίτρινο Πράσινο	9A CD 32	154 205 50
Ελαιόλαδο	6B 8E 23	107 142 35
Ελιά	80 80 00	128 128 0
Σκούρο πράσινο της ελιάς	55 6B 2F	85 107 47
Μεσαίο Aquamarine	66 CD AA	102 205 170
Σκούρο πράσινο της θάλασσας	8F BC 8F	143 188 143
Ανοιχτό πράσινο της θάλασσας	20 B2 AA	32 178 170
Σκούρο κυανό	00 8B 8B	0 139 139
Teal	00 80 80	0 128 128
Μπλε χρώματα
Aqua	00 FF FF FF	0 255 255
Κυανό	00 FF FF FF	0 255 255
Ανοιχτό κυανό	E0 FF FF FF	224 255 255
Χλωμό τυρκουάζ	AF EE EE EE	175 238 238
Ακουμαρίν	7F FF D4	127 255 212
Τυρκουάζ	40 E0 D0	64 224 208
Μεσαίο τυρκουάζ	48 D1 CC	72 209 204
Σκούρο τιρκουάζ	00 CE D1	0 206 209
Cadet Blue	5F 9E A0	95 158 160
Μπλε ατσάλι	46 82 B4	70 130 180
Ανοιχτό ατσάλινο μπλε	B0 C4 DE	176 196 222
Μπλε σκόνη	B0 E0 E6	176 224 230
Ανοιχτό μπλε	AD D8 E6	173 216 230
Sky Blue	87 CE EB	135 206 235
Ανοιχτό μπλε του ουρανού	87 CE FA	135 206 250
Βαθύ μπλε του ουρανού	00 BF FF	0 191 255
Dodger Blue	1E 90 FF	30 144 255
Καλαμποκάλευρο μπλε	64 95 ED	100 149 237
Μεσαίο μπλε σχιστόλιθο	7B 68 EE	123 104 238
Βασιλικό μπλε	41 69 E1	65 105 225
Μπλε	00 00 FF	0 0 255
Μεσαίο μπλε	00 00 CD	0 0 205
Σκούρο μπλε	00 00 8B	0 0 139
Ναυτικό	00 00 80	0 0 128
Μπλε μεσάνυχτα	19 19 70	25 25 112

Όνομα HTML	Κωδικός HexR G B	Δεκαδικός κωδικόςR G B
Καφέ χρώματα
Καλαμποκόσπορο	FF F8 DC	255 248 220
Λευκασμένο αμύγδαλο	FF EB CD	255 235 205
Μπισκ	FF E4 C4	255 228 196
Λευκό Navajo	FF DE AD	255 222 173
Σιτάρι	F5 DE B3	245 222 179
Σκληρό ξύλο	DE B8 87	222 184 135
Tan	D2 B4 8C	210 180 140
Rosy Brown	BC 8F 8F	188 143 143
Sandy Brown	F4 A4 60	244 164 96
Goldenrod	DA A5 20	218 165 32
Σκούρο Χρυσοκάρυδο	B8 86 0B	184 134 11
Περού	CD 85 3F	205 133 63
Σοκολάτα	D2 69 1E	210 105 30
Σέλα καφέ	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Καφέ	A5 2A 2A 2A	165 42 42
Maroon	80 00 00	128 0 0
Λευκά χρώματα
Λευκό	FF FF FF FF	255 255 255
Χιόνι	FF FA FA FA	255 250 250
Μελισσόχορτο	F0 FF F0	240 255 240
Κρέμα μέντας	F5 FF FA	245 255 250
Azure	F0 FF FF FF	240 255 255
Alice Blue	F0 F8 FF	240 248 255
Λευκό φάντασμα	F8 F8 FF	248 248 255
Λευκός καπνός	F5 F5 F5 F5	245 245 245
Κοχύλια	FF F5 EE	255 245 238
Μπεζ	F5 F5 DC	245 245 220
Παλιά δαντέλα	FD F5 E6	253 245 230
Floral Λευκό	FF FA F0	255 250 240
Ελεφαντόδοντο	FF FF FF F0	255 255 240
Λευκό αντίκα	FA EB D7	250 235 215
Λινό	FA F0 E6	250 240 230
Λεβάντα ρουζ	FF F0 F5	255 240 245
Misty Rose	FF E4 E1	255 228 225
Γκρι χρώματα
Gainsboro	DC DC DC DC DC	220 220 220
Ανοιχτό γκρι	D3 D3 D3 D3	211 211 211
Ασημένιο	C0 C0 C0 C0	192 192 192
Σκούρο γκρι	A9 A9 A9 A9	169 169 169
Γκρι	80 80 80	128 128 128
Dim Gray	69 69 69	105 105 105
Ανοιχτό γκρι σχιστόλιθο	77 88 99	119 136 153
Γκρι σχιστόλιθο	70 80 90	112 128 144
Σκούρο γκρι σχιστόλιθο	2F 4F 4F 4F	47 79 79
Μαύρο	00 00 00	0 0 0

Διάγραμμα επιλεγμένων χρωμάτων ιστού

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

· προβολή

· Μιλήστε

· επεξεργασία

Χρώματα Ιστού (λίστα)

Λευκό

ασημένιο

γκρι

μαύρο

ναυτικό

μπλε

cerulean

γαλάζιο του ουρανού

τυρκουάζ

μπλε-πράσινο

γαλάζιο

πετρόλ

κίτρινο

κεχριμπάρι

καφέ

πορτοκαλί-κόκκινο

κόκκινο

καφέ

τριαντάφυλλο

ροζ

μοβ

ελεφαντόδοντο

βιολετί

ροδάκινο

βερίκοκο

ώχρα

δαμάσκηνο

Ερωτήσεις και απαντήσεις

Q: Τι είναι τα χρώματα του ιστού;

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

Ερ: Πόσα διαφορετικά χρώματα μπορούν να δημιουργηθούν με τριπλέτες RGB;

A: Με τριπλέτες RGB μπορούν να δημιουργηθούν 16.777.216 διαφορετικά χρώματα.

Ερ: Υπάρχουν κοινές αγγλικές ονομασίες για ορισμένα από αυτά τα χρώματα;

Α: Ναι, πολλά κοινά χρώματα μπορούν επίσης να επιλεγούν με τις κοινές αγγλικές ονομασίες τους.

Ερ: Ποιο λογισμικό χρησιμοποιείται συνήθως για τη δημιουργία τιμών χρώματος;

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

Ε: Ποια ήταν η βάση για τις αρχικές λίστες χρωμάτων του Mosaic και του Netscape Navigator;

Α: Οι πρώτες εκδόσεις του Mosaic και του Netscape Navigator χρησιμοποίησαν τα ονόματα χρωμάτων X11 ως βάση για τις λίστες χρωμάτων τους, επειδή και οι δύο ξεκίνησαν ως εφαρμογές του X Window System.

Ε: Τι σχέση έχει το sRGB με τα χρώματα του διαδικτύου;

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

Ερ: Πώς οι πράκτορες χρήστη εμφανίζουν αυτά τα χρώματα με ακρίβεια;

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