Επιλογή γλώσσας

Κωδικός χρώματος HEX

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

Τι είναι οι κωδικοί χρώματος HEX;

Οι κωδικοί χρώματος HEX, συντομογραφία για δεκαεξαδικούς κωδικούς χρώματος, είναι ένας τρόπος αναπαράστασης χρωμάτων στο σχεδιασμό ιστοσελίδων. Είναι ένας συνδυασμός αριθμών και γραμμάτων, που συχνά προηγείται από ένα σύμβολο «#». Οι κωδικοί HEX βασίζονται στο χρωματικό μοντέλο RGB (Κόκκινο, Πράσινο, Μπλε), όπου κάθε ένα από τα τρία κύρια χρώματα αντιπροσωπεύεται από έναν διψήφιο δεκαεξαδικό αριθμό, που κυμαίνεται από 00 έως FF.

Πώς λειτουργούν οι κωδικοί χρώματος HEX;

Οι κωδικοί HEX λειτουργούν καθορίζοντας την ένταση των τριών βασικών χρωμάτων (Κόκκινο, Πράσινο και Μπλε) σε ένα χρώμα. Κάθε ζεύγος χαρακτήρων σε έναν κωδικό HEX αντιστοιχεί σε ένα από αυτά τα χρώματα. Για παράδειγμα, στον κωδικό #FF0000, το «FF» αντιπροσωπεύει την ένταση του κόκκινου, ενώ το «00» δείχνει την απουσία πράσινου και μπλε.

Το σύστημα HEX χρησιμοποιεί συνολικά 16 χαρακτήρες (0-9 και A-F), παρέχοντας ένα ευρύ φάσμα δυνατοτήτων χρώματος. Ένας μικρότερος κώδικας όπως το #F00 είναι ισοδύναμος με το #FF0000, καθιστώντας τους κωδικούς HEX συνοπτικούς και ευέλικτους.

Γιατί να χρησιμοποιήσετε τους κωδικούς χρώματος HEX;

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

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

Red HTML Color Names

Color Name Hex Code RGB Code
IndianRed #CD5C5C rgb(205, 92, 92)
LightCoral #F08080 rgb(240, 128, 128)
Salmon #FA8072 rgb(250, 128, 114)
DarkSalmon #E9967A rgb(233, 150, 122)
LightSalmon #FFA07A rgb(255, 160, 122)
Crimson #DC143C rgb(220, 20, 60)
Red #FF0000 rgb(255, 0, 0)
FireBrick #B22222 rgb(178, 34, 34)
DarkRed #8B0000 rgb(139, 0, 0)

Pink HTML Color Names

Color Name Hex Code RGB Code
Pink #FFC0CB rgb(255, 192, 203)
LightPink #FFB6C1 rgb(255, 182, 193)
HotPink #FF69B4 rgb(255, 105, 180)
DeepPink #FF1493 rgb(255, 20, 147)
MediumVioletRed #C71585 rgb(199, 21, 133)
PaleVioletRed #DB7093 rgb(219, 112, 147)

Orange HTML Color Names

Color Name Hex Code RGB Code
LightSalmon #FFA07A rgb(255, 160, 122)
Coral #FF7F50 rgb(255, 127, 80)
Tomato #FF6347 rgb(255, 99, 71)
OrangeRed #FF4500 rgb(255, 69, 0)
DarkOrange #FF8C00 rgb(255, 140, 0)
Orange #FFA500 rgb(255, 165, 0)

Yellow HTML Color Names

Color Name Hex Code RGB Code
Gold #FFD700 rgb(255, 215, 0)
Yellow #FFFF00 rgb(255, 255, 0)
LightYellow #FFFFE0 rgb(255, 255, 224)
LemonChiffon #FFFACD rgb(255, 250, 205)
LightGoldenrodYellow #FAFAD2 rgb(250, 250, 210)
PapayaWhip #FFEFD5 rgb(255, 239, 213)
Moccasin #FFE4B5 rgb(255, 228, 181)
PeachPuff #FFDAB9 rgb(255, 218, 185)
PaleGoldenrod #EEE8AA rgb(238, 232, 170)
Khaki #F0E68C rgb(240, 230, 140)
DarkKhaki #BDB76B rgb(189, 183, 107)

Purple HTML Color Names

Color Name Hex Code RGB Code
Lavender #E6E6FA rgb(230, 230, 250)
Thistle #D8BFD8 rgb(216, 191, 216)
Plum #DDA0DD rgb(221, 160, 221)
Violet #EE82EE rgb(238, 130, 238)
Orchid #DA70D6 rgb(218, 112, 214)
Fuchsia #FF00FF rgb(255, 0, 255)
Magenta #FF00FF rgb(255, 0, 255)
MediumOrchid #BA55D3 rgb(186, 85, 211)
MediumPurple #9370DB rgb(147, 112, 219)
RebeccaPurple #663399 rgb(102, 51, 153)
BlueViolet #8A2BE2 rgb(138, 43, 226)
DarkViolet #9400D3 rgb(148, 0, 211)
DarkOrchid #9932CC rgb(153, 50, 204)
DarkMagenta #8B008B rgb(139, 0, 139)
Purple #800080 rgb(128, 0, 128)
Indigo #4B0082 rgb(75, 0, 130)
SlateBlue #6A5ACD rgb(106, 90, 205)
DarkSlateBlue #483D8B rgb(72, 61, 139)
MediumSlateBlue #7B68EE rgb(123, 104, 238)

Green HTML Color Names

Color Name Hex Code RGB Code
GreenYellow #ADFF2F rgb(173, 255, 47)
Chartreuse #7FFF00 rgb(127, 255, 0)
LawnGreen #7CFC00 rgb(124, 252, 0)
Lime #00FF00 rgb(0, 255, 0)
LimeGreen #32CD32 rgb(50, 205, 50)
PaleGreen #98FB98 rgb(152, 251, 152)
LightGreen #90EE90 rgb(144, 238, 144)
MediumSpringGreen #00FA9A rgb(0, 250, 154)
SpringGreen #00FF7F rgb(0, 255, 127)
MediumSeaGreen #3CB371 rgb(60, 179, 113)
SeaGreen #2E8B57 rgb(46, 139, 87)
ForestGreen #228B22 rgb(34, 139, 34)
Green #008000 rgb(0, 128, 0)
DarkGreen #006400 rgb(0, 100, 0)
YellowGreen #9ACD32 rgb(154, 205, 50)
OliveDrab #6B8E23 rgb(107, 142, 35)
Olive #808000 rgb(128, 128, 0)
DarkOliveGreen #556B2F rgb(85, 107, 47)
MediumAquamarine #66CDAA rgb(102, 205, 170)
DarkSeaGreen #8FBC8B rgb(143, 188, 139)
LightSeaGreen #20B2AA rgb(32, 178, 170)
DarkCyan #008B8B rgb(0, 139, 139)
Teal #008080 rgb(0, 128, 128)

Blue HTML Color Names

Color Name Hex Code RGB Code
Aqua #00FFFF rgb(0, 255, 255)
Cyan #00FFFF rgb(0, 255, 255)
LightCyan #E0FFFF rgb(224, 255, 255)
PaleTurquoise #AFEEEE rgb(175, 238, 238)
Aquamarine #7FFFD4 rgb(127, 255, 212)
Turquoise #40E0D0 rgb(64, 224, 208)
MediumTurquoise #48D1CC rgb(72, 209, 204)
DarkTurquoise #00CED1 rgb(0, 206, 209)
CadetBlue #5F9EA0 rgb(95, 158, 160)
SteelBlue #4682B4 rgb(70, 130, 180)
LightSteelBlue #B0C4DE rgb(176, 196, 222)
PowderBlue #B0E0E6 rgb(176, 224, 230)
LightBlue #ADD8E6 rgb(173, 216, 230)
SkyBlue #87CEEB rgb(135, 206, 235)
LightSkyBlue #87CEFA rgb(135, 206, 250)
DeepSkyBlue #00BFFF rgb(0, 191, 255)
DodgerBlue #1E90FF rgb(30, 144, 255)
CornflowerBlue #6495ED rgb(100, 149, 237)
MediumSlateBlue #7B68EE rgb(123, 104, 238)
RoyalBlue #4169E1 rgb(65, 105, 225)
Blue #0000FF rgb(0, 0, 255)
MediumBlue #0000CD rgb(0, 0, 205)
DarkBlue #00008B rgb(0, 0, 139)
Navy #000080 rgb(0, 0, 128)
MidnightBlue #191970 rgb(25, 25, 112)

Brown HTML Color Names

Color Name Hex Code RGB Code
Cornsilk #FFF8DC rgb(255, 248, 220)
BlanchedAlmond #FFEBCD rgb(255, 235, 205)
Bisque #FFE4C4 rgb(255, 228, 196)
NavajoWhite #FFDEAD rgb(255, 222, 173)
Wheat #F5DEB3 rgb(245, 222, 179)
BurlyWood #DEB887 rgb(222, 184, 135)
Tan #D2B48C rgb(210, 180, 140)
RosyBrown #BC8F8F rgb(188, 143, 143)
SandyBrown #F4A460 rgb(244, 164, 96)
Goldenrod #DAA520 rgb(218, 165, 32)
DarkGoldenrod #B8860B rgb(184, 134, 11)
Peru #CD853F rgb(205, 133, 63)
Chocolate #D2691E rgb(210, 105, 30)
SaddleBrown #8B4513 rgb(139, 69, 19)
Sienna #A0522D rgb(160, 82, 45)
Brown #A52A2A rgb(165, 42, 42)
Maroon #800000 rgb(128, 0, 0)

White HTML Color Names

Color Name Hex Code RGB Code
White #FFFFFF rgb(255, 255, 255)
Snow #FFFAFA rgb(255, 250, 250)
HoneyDew #F0FFF0 rgb(240, 255, 240)
MintCream #F5FFFA rgb(245, 255, 250)
Azure #F0FFFF rgb(240, 255, 255)
AliceBlue #F0F8FF rgb(240, 248, 255)
GhostWhite #F8F8FF rgb(248, 248, 255)
WhiteSmoke #F5F5F5 rgb(245, 245, 245)
SeaShell #FFF5EE rgb(255, 245, 238)
Beige #F5F5DC rgb(245, 245, 220)
OldLace #FDF5E6 rgb(253, 245, 230)
FloralWhite #FFFAF0 rgb(255, 250, 240)
Ivory #FFFFF0 rgb(255, 255, 240)
AntiqueWhite #FAEBD7 rgb(250, 235, 215)
Linen #FAF0E6 rgb(250, 240, 230)
LavenderBlush #FFF0F5 rgb(255, 240, 245)
MistyRose #FFE4E1 rgb(255, 228, 225)

Gray HTML Color Names

Color Name Hex Code RGB Code
Gainsboro #DCDCDC rgb(220, 220, 220)
LightGray #D3D3D3 rgb(211, 211, 211)
Silver #C0C0C0 rgb(192, 192, 192)
DarkGray #A9A9A9 rgb(169, 169, 169)
Gray #808080 rgb(128, 128, 128)
DimGray #696969 rgb(105, 105, 105)
LightSlateGray #778899 rgb(119, 136, 153)
SlateGray #708090 rgb(112, 128, 144)
DarkSlateGray #2F4F4F rgb(47, 79, 79)
Black #000000 rgb(0, 0, 0)
© Eptimize Pty Ltd 2022-2024. All Rights Reserved.