भाषा चुनें

हेक्स कलर कोड

रंग को समझना वेब डिज़ाइन के लिए मूलभूत है। वेब पर उपयोग किए जाने वाले विभिन्न कलर कोडिंग सिस्टम में से, HEX कलर कोड एक लोकप्रिय और बहुमुखी विकल्प के रूप में सामने आते हैं। इस गाइड में, हम यह जानेंगे कि HEX रंग कोड क्या हैं, वे कैसे काम करते हैं, और उनके अनुप्रयोग के कुछ व्यावहारिक उदाहरण प्रदान करेंगे।

हेक्स रंग कोड क्या हैं?

हेक्स रंग कोड, हेक्साडेसिमल रंग कोड के लिए संक्षिप्त, वेब डिज़ाइन में रंगों का प्रतिनिधित्व करने का एक तरीका है। वे संख्याओं और अक्षरों का एक संयोजन होते हैं, जिनके पहले अक्सर '#' प्रतीक होता है। HEX कोड RGB (लाल, हरा, नीला) रंग मॉडल पर आधारित होते हैं, जहां तीन प्राथमिक रंगों में से प्रत्येक को दो अंकों की हेक्साडेसिमल संख्या द्वारा दर्शाया जाता है, जो 00 से FF तक होता है।

हेक्स कलर कोड कैसे काम करते हैं?

HEX कोड एक रंग में तीन प्राथमिक रंगों (लाल, हरा और नीला) की तीव्रता को निर्दिष्ट करके काम करते हैं। HEX कोड में वर्णों की प्रत्येक जोड़ी इनमें से किसी एक रंग से मेल खाती है। उदाहरण के लिए, कोड #FF0000 में, 'FF' लाल रंग की तीव्रता को दर्शाता है, जबकि '00' हरे और नीले रंग की अनुपस्थिति को इंगित करता है।

HEX सिस्टम कुल 16 वर्णों (0-9 और A-F) का उपयोग करता है, जो रंग संभावनाओं की एक विस्तृत श्रृंखला प्रदान करता है। #F00 जैसा छोटा कोड #FF0000 के बराबर है, जो 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.