Εάν είστε γραφίστας ή έχετε μόλις μπει σε ένα πρόγραμμα επεξεργασίας εικόνας, θα έχετε δει ένα πλαίσιο που σας επέτρεπε να αλλάξετε το χρώμα, είτε είναι ο κάδος με το χρώμα, το πινέλο, τα γράμματα... Αυτό που μπορεί να σας έκανε την περιέργεια είναι το γεγονός ότι, όταν επιλέγετε ένα χρώμα, εμφανίζεται έναν κωδικό χρώματος, ξέρεις τι είναι;
Εάν έχετε αναρωτηθεί ποτέ τι σημαίνουν αυτοί οι κωδικοί γραμμάτων ή αριθμών και θέλετε να μάθετε περισσότερα γι 'αυτό, τότε σας βοηθάμε να κατανοήσετε τη σημασία του χρωματικού κώδικα, γιατί αντικατοπτρίζουν χρώματα και άλλες περίεργες λεπτομέρειες.
Ποιος είναι ο κωδικός χρώματος
Μπορούμε να ορίσουμε τον κωδικό χρώματος ως α χρωματική περιοχή στην οποία μπορεί να εμφανιστεί ένας ιστός. Δηλαδή, οι δυνατότητες που υπάρχουν, σε μια παλέτα περίπου 216 χρωμάτων, να καθορίσουμε πώς θα φαίνεται μια ιστοσελίδα. Αυτός ο κωδικός μπορεί να βασίζεται σε τρεις τύπους συστημάτων: RGB, HEX και HSL (το τελευταίο έχει πλέον καταργηθεί).
Στην πραγματικότητα, ο χρωματικός κώδικας είναι να χρησιμεύει ως καθολικός κώδικας για όλα τα προγράμματα περιήγησης με τέτοιο τρόπο ώστε, με αυτούς τους κωδικούς, αυτό που επιτυγχάνεται είναι να αναπαράγονται οι ίδιοι τόνοι, είτε στον Internet Explorer, στον Firefox Mozilla, στο Google Chrome. …
Θα πρέπει να ξέρετε ότι ένας υπολογιστής είναι ικανός να διακρίνει έως και 16 εκατομμύρια χρώματα, έτσι υπάρχουν πολλές δυνατότητες να δημιουργήσετε έναν ιστότοπο ή να τροποποιήσετε εικόνες.
Τύποι χρωματικών κωδικών
Όπως σας έχουμε ξαναπεί, υπάρχουν τρεις τύποι συστημάτων:
- RGB. Είναι το πιο γνωστό και αποτελείται από τρία βασικά χρώματα, το κόκκινο, το μπλε και το πράσινο, από τα οποία, μέσω του συνδυασμού τους, προέρχονται τα υπόλοιπα χρώματα. Όσον αφορά την αναπαράστασή του, κυμαίνεται από 0 έως 255 και ο κωδικός που εμφανίζεται αποτελείται από τρία σχήματα που χωρίζονται με κόμμα και μεταξύ παρενθέσεων.
- Δεκαεξαδικό. Χρησιμοποιείται κυρίως σε HTML και CSS. Σε αυτήν την περίπτωση, αποτελείται τόσο από αριθμούς όσο και από γράμματα που είναι διατεταγμένα μεταξύ τους για να λάβουν κωδικούς που καθορίζουν τα χρώματα.
- HSL. Ήδη σε αχρηστία, βασίζεται στη χρήση της απόχρωσης, του κορεσμού και της ελαφρότητας κατά τη δημιουργία ενός χρώματος. Καθορίζεται με μοίρες και ποσοστά (τρία ψηφία χωρισμένα με κόμμα και μεταξύ παρενθέσεων).
Γιατί είναι σημαντικοί οι κωδικοί;
Τώρα που ξέρετε τι είναι η χρωματική κωδικοποίηση, η εφαρμογή της είναι εύκολα κατανοητή, αφού Χρησιμοποιείται για τον προσδιορισμό του κωδικού που απαιτείται για την εμφάνιση ενός συγκεκριμένου χρώματος. Αυτό λειτουργεί, για παράδειγμα, σε ιστοσελίδες. Ο κώδικας HTML είναι σιωπηρός εάν ένας ιστότοπος έχει φόντο συγκεκριμένου χρώματος, εάν η γραμματοσειρά είναι κόκκινη, κίτρινη, πράσινη, μπλε ... και πολλές άλλες χρήσεις.
Καταλαβαίνετε γιατί είναι σημαντικό; Για παράδειγμα, φανταστείτε ότι έχετε έναν ιστότοπο με κόκκινο φόντο. Και θέλετε να το αλλάξετε σε κενό. Εάν γνωρίζατε τον κώδικα που καθορίζει το κόκκινο χρώμα, χρησιμοποιώντας τη μηχανή αναζήτησης στον κώδικα HTML θα βρίσκατε το μέρος όπου αντικατοπτρίζεται αυτό το χρώμα (συνδέεται με το χρώμα του φόντου) και θα μπορούσατε να το αλλάξετε γρήγορα. Τι γίνεται όμως αν δεν το έχεις; Θα έπρεπε να ψάξετε μέχρι να βρείτε αυτήν την ενότητα και να δοκιμάσετε για να δείτε ποιος κώδικας είναι κοντά σε αυτόν που θέλετε.
Επομένως, ο χρωματικός κώδικας σάς βοηθά να επιταχύνετε την εργασία, καθώς και να μπορείτε να χρησιμοποιείτε χρώματα κατά το σχεδιασμό ενός ιστότοπου, την επεξεργασία μιας εικόνας κ.λπ.
Λίστα χρωμάτων και ο κωδικός τους Δεκαεξαδικό και RGB
Τέλος, θα θέλαμε να σας αφήσουμε παρακάτω α πίνακα στον οποίο μπορείτε να βρείτε την πλειοψηφία των χρωμάτων που υπάρχουν μαζί με τον δεκαδικό κωδικό (RGB) και τον δεκαεξαδικό τους ώστε αν οποιαδήποτε στιγμή χρειαστεί να αλλάξετε τον κωδικό, μπορείτε να το κάνετε εύκολα χωρίς να χρειάζεται να τον αναζητήσετε στη χρωματική παλέτα.
ετικέτα | Δεκαδικό (R, G, B) | Δεκαεξαδικό |
---|---|---|
aliceblue | rgb (240, 248, 255) | # F0F8FF |
αντίκες | rgb (250, 235, 215) | # FAEBD7 |
aqua | rgb (0, 255, 255) | #00FFFF |
ακουαμαρίνης | rgb (127, 255, 212) | # 7FFFD4 |
κυανός | rgb (240, 255, 255) | # F0FFFF |
μπεζ | rgb (245, 245, 220) | # F5F5DC |
είδος πυκνής σούπας | rgb (255, 228, 196) | # FFE4C4 |
μαύρος | rgb (0, 0, 0) | #000000 |
μπλανσεντάλμον | rgb (255, 235, 205) | #FFECD |
μπλε | rgb (0, 0, 255) | #0000FF |
μπλε βιολετί | rgb (138, 43, 226) | # 8Α2ΒΕ2 |
καστανός | rgb (165, 42, 42) | # Α52Α2Α |
ξυλόξυλο | rgb (222, 184, 135) | # DEB887 |
καντμπλου | rgb (95, 158, 160) | # 5F9EA0 |
κιτρινοπράσινος | rgb (127, 255, 0) | # 7FFF00 |
σοκολάτα | rgb (210, 105, 30) | # Δ2691Ε |
κοράλλι | rgb (255, 127, 80) | # FF7F50 |
καλαμποκάλευρο | rgb (100, 149, 237) | # 6495ED |
μετάξι καλαμποκιού | rgb (255, 248, 220) | # FFF8DC |
βυσσινί | rgb (220, 20, 60) | # DC143C |
κυανό | rgb (0, 255, 255) | #00FFFF |
σκούρο μπλε | rgb (0, 0, 139) | #00008B |
μελαχρινός | rgb (0, 139, 139) | # 008Β8Β |
σκοτεινόχρυσο | rgb (184, 134, 11) | #B8860B |
σκούρο γκρίζο | rgb (169, 169, 169) | # Α9Α9Α9 |
σκούρο πράσινο | rgb (0, 100, 0) | #006400 |
σκούρο γκρι | rgb (169, 169, 169) | # Α9Α9Α9 |
σκοτεινός | rgb (189, 183, 107) | # BDB76B |
darkmagenta | rgb (139, 0, 139) | # 8Β008Β |
σκούρο πράσινο | rgb (85, 107, 47) | # 556B2F |
σκούρο πορτοκαλί | rgb (255, 140, 0) | # FF8C00 |
σκουρόχορτο | rgb (153, 50, 204) | # 9932CC |
σκούρο κόκκινο | rgb (139, 0, 0) | # 8Β0000 |
σκοτεινός σολομός | rgb (233, 150, 122) | # Ε9967Α |
σκούρο πράσινο | rgb (143, 188, 143) | # 8FBC8F |
σκούρο πλατό | rgb (72, 61, 139) | # 483D8B |
σκούρο γκρι | rgb (47, 79, 79) | # 2F4F4F |
darkslategrey | rgb (47, 79, 79) | # 2F4F4F |
σκούρο τιρκουάζ | rgb (0, 206, 209) | # 00CED1 |
σκούρο βιολετί | rgb (148, 0, 211) | #9400D3 |
βαθύ ροζ | rgb (255, 20, 147) | #FF1493 |
βαθύ μπλε | rgb (0, 191, 255) | # 00BFFF |
αμυδρός | rgb (105, 105, 105) | #696969 |
αμυδρός | rgb (105, 105, 105) | #696969 |
dodgeblue | rgb (30, 144, 255) | # 1E90FF |
πυρίμαχο τούβλο | rgb (178, 34, 34) | #B22222 |
λουλουδένιο | rgb (255, 250, 240) | # FFFAF0 |
πράσινο του δάσους | rgb (34, 139, 34) | # 228Β22 |
φουξία | rgb (255, 0, 255) | # FF00FF |
gainsboro | rgb (220, 220, 220) | # DCDCDC |
ghostwhite | rgb (248, 248, 255) | # F8F8FF |
χρυσοι | rgb (255, 215, 0) | # FFD700 |
goldenrod | rgb (218, 165, 32) | # DAA520 |
γκρί | rgb (128, 128, 128) | #808080 |
πράσινος | rgb (0, 128, 0) | #008000 |
πράσινο κίτρινο | rgb (173, 255, 47) | # ADFF2F |
γκρί | rgb (128, 128, 128) | #808080 |
μελιτώματος | rgb (240, 255, 240) | # F0FFF0 |
καυτό ροζ | rgb (255, 105, 180) | # FF69B4 |
ινδιάνικος | rgb (205, 92, 92) | # CD5C5C |
λουλάκι | rgb (75, 0, 130) | # 4Β0082 |
ελεφαντόδοντο | rgb (255, 255, 240) | # FFFFF0 |
χακί | rgb (240, 230, 140) | # F0E68C |
λεβάντα | rgb (230, 230, 250) | # E6E6FA |
κοκκινί λεβάντας | rgb (255, 240, 245) | # FFF0F5 |
γκαζόν | rgb (124, 252, 0) | # 7CFC00 |
λεμονσιφόν | rgb (255, 250, 205) | #FFFACD |
γαλάζιο | rgb (173, 216, 230) | # ADD8E6 |
φωτοκοράλ | rgb (240, 128, 128) | #F08080 |
ανοιχτόχρωμος | rgb (224, 255, 255) | # Ε0FFFF |
ανοιχτόχρυσο κίτρινο | rgb (250, 250, 210) | # FAFAD2 |
ανοιχτό γκρι | rgb (211, 211, 211) | # D3D3D3 |
ανοιχτό πράσινο | rgb (144, 238, 144) | # 90EE90 |
ανοιχτό γκρι | rgb (211, 211, 211) | # D3D3D3 |
ανοιχτό ροζ | rgb (255, 182, 193) | # FFB6C1 |
ελαφροσολομός | rgb (255, 160, 122) | # FFA07Α |
lightsseagreen | rgb (32, 178, 170) | # 20Β2ΑΑ |
ανοιχτό μπλε | rgb (135, 206, 250) | # 87CEFA |
ανοιχτόχρωμο γκρι | rgb (119, 136, 153) | #778899 |
Lightslategrey | rgb (119, 136, 153) | #778899 |
ανοιχτό μπλε | rgb (176, 196, 222) | # B0C4DE |
Ανοιχτό κίτρινο | rgb (255, 255, 224) | # FFFFE0 |
ασβέστης | rgb (0, 255, 0) | # 00FF00 |
ασβέστη | rgb (50, 205, 50) | #32CD32 |
λινό | rgb (250, 240, 230) | # FAF0E6 |
πορφύρα βαφή | rgb (255, 0, 255) | # FF00FF |
μαρόν | rgb (128, 0, 0) | #800000 |
μεσαία ακουαμαρίνη | rgb (102, 205, 170) | # 66 CDAA |
μεσαίο μπλε | rgb (0, 0, 205) | # 0000CD |
μέτρια ορχιδέα | rgb (186, 85, 211) | # BA55D3 |
μεσαίο μωβ | rgb (147, 112, 219) | #9370D8 |
mediumseagreen | rgb (60, 179, 113) | # 3CB371 |
mediumslateblue | rgb (123, 104, 238) | # 7Β68ΕΕ |
mediumspringgreen | rgb (0, 250, 154) | # 00FA9Α |
μεσαίο τιρκουάζ | rgb (72, 209, 204) | # 48D1CC |
μεσαίο ιώδες | rgb (199, 21, 133) | #C71585 |
μεσάνυχτα μπλε | rgb (25, 25, 112) | #191970 |
κρέμα μέντας | rgb (245, 255, 250) | # F5FFFA |
mistyrose | rgb (255, 228, 225) | # FFE4E1 |
είδος φιδιού | rgb (255, 228, 181) | # FFE4B5 |
Ναβάχοβιτ | rgb (255, 222, 173) | #FFDEAD |
ναυτικό | rgb (0, 0, 128) | #000080 |
oldlace | rgb (253, 245, 230) | # FDF5E6 |
ελιά | rgb (128, 128, 0) | #808000 |
ελαιόλαδο | rgb (107, 142, 35) | # 6Β8Ε23 |
πορτοκάλι | rgb (255, 165, 0) | # FFA500 |
πορτοκαλοκόκκινο | rgb (255, 69, 0) | #FF4500 |
ορχιδέα | rgb (218, 112, 214) | # DA70D6 |
palegoldenrod | rgb (238, 232, 170) | # EEE8AA |
απαλό πράσινο | rgb (152, 251, 152) | # 98FB98 |
παλέτα τιρκουάζ | rgb (175, 238, 238) | #ΑΦΕΕΕΕ |
παλαιοιώδες | rgb (219, 112, 147) | # Δ87093 |
μαστίγιο παπάγια | rgb (255, 239, 213) | # FFEFD5 |
ροδάκινο | rgb (255, 218, 185) | # FFDAB9 |
Περού | rgb (205, 133, 63) | # CD853F |
ροζ | rgb (255, 192, 203) | # FFC0CB |
δαμάσκηνο | rgb (221, 160, 221) | # DDA0DD |
μπλε σκόνη | rgb (176, 224, 230) | # B0E0E6 |
μωβ | rgb (128, 0, 128) | #800080 |
Red | rgb (255, 0, 0) | #FF0000 |
ροζ καστανή | rgb (188, 143, 143) | # BC8F8F |
μπλε ρουά | rgb (65, 105, 225) | # 4169E1 |
καστανή σέλα | rgb (139, 69, 19) | # 8Β4513 |
σολομός | rgb (250, 128, 114) | # FA8072 |
αμμοκαφέ | rgb (244, 164, 96) | # F4A460 |
πράσινη θάλασσα | rgb (46, 139, 87) | # 2E8B57 |
κοχύλι | rgb (255, 245, 238) | # FFF5EE |
χώμα σιένης | rgb (160, 82, 45) | # Α0522Δ |
αργυροι | rgb (192, 192, 192) | # C0C0C0 |
ουρανό | rgb (135, 206, 235) | # 87CEEB |
σχιστόλιθος | rgb (106, 90, 205) | # 6A5ACD |
σχιστόλιθος | rgb (112, 128, 144) | #708090 |
σχιστόλιθος | rgb (112, 128, 144) | #708090 |
χιόνι | rgb (255, 250, 250) | #FFFAFA |
ανοιξιάτικο | rgb (0, 255, 127) | # 00FF7F |
ατσάλι μπλε | rgb (70, 130, 180) | # 4682Β4 |
ηλιοκαμένος | rgb (210, 180, 140) | # D2B48C |
βάσκας | rgb (0, 128, 128) | #008080 |
γαϊδουράγκαθο | rgb (216, 191, 216) | # D8BFD8 |
ντομάτα | rgb (255, 99, 71) | #FF6347 |
τυρκουάζ | rgb (64, 224, 208) | # 40E0D0 |
βιολέτα | rgb (238, 130, 238) | # EE82EE |
σιτάρι | rgb (245, 222, 179) | # F5DEB3 |
άσπρο | rgb (255, 255, 255) | #FFFFFF |
λευκός καπνός | rgb (245, 245, 245) | # F5F5F5 |
κίτρινος | rgb (255, 255, 0) | #FFFF00 |
κίτρινο πράσινο | rgb (154, 205, 50) | # 9ACD32 |
Ξέρετε περισσότερους κωδικούς χρωμάτων; Σας προσκαλούμε να τα βάλετε στα σχόλια για να διευρύνετε τη λίστα.