Hex Code क्या है? डिजिटल रंग की भाषा

हर वेबसाइट, ऐप और डिजिटल इंटरफेस पर प्रत्येक रंग का एक सटीक संख्यात्मक पता होता है। वेब के अधिकांश इतिहास के लिए, वह पता एक विशिष्ट रूप लेता है: एक hash symbol के बाद छह अक्षर, जैसे #3B82F6 या #FF5733। ये hex codes हैं — डिजिटल रंग की lingua franca।

Hexadecimal नंबरिंग सिस्टम

"Hex" ग्रीक hexas से आता है, जिसका अर्थ है छह, और "decimal" लैटिन में दस के लिए। Hexadecimal base-16 नंबरिंग सिस्टम है — रोजमर्रा की जिंदगी में हम जो base-10 decimal system उपयोग करते हैं उसकी तुलना में।

Base 10 में, आप गिनते हैं: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 — और फिर एक digit जोड़ते हैं।

Base 16 में, आप गिनते हैं: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 — और फिर जारी रखने के लिए अक्षरों का उपयोग करते हैं: A, B, C, D, E, F — digit जोड़ने से पहले: 10 (जो decimal में 16 के बराबर है), 11 (17), ... FF (255)।

रंगों के लिए Base 16 क्यों?

एक computer byte में 8 binary bits होते हैं और 0 से 255 तक के मान रख सकते हैं। Hexadecimal में, वह पूरी रेंज ठीक दो digits में फिट हो जाती है: 00 (0) से FF (255)। RGB रंग मॉडल में, तीन चैनलों में से प्रत्येक — लाल, हरा, नीला — 0 से 255 तक का एक मान है।

6-Digit Hex Codes (#RRGGBB) पढ़ना

एक मानक hex color code की संरचना #RRGGBB है:

• # — hex color value को संकेत देने वाला prefix
• RR — लाल चैनल को encode करने वाले दो hex digits (00–FF)
• GG — हरा चैनल को encode करने वाले दो hex digits (00–FF)
• BB — नीला चैनल को encode करने वाले दो hex digits (00–FF)

एक उदाहरण डिकोड करना

#FF5733 लें — एक गर्म coral-red:

सामान्य Codes

3-Digit Shorthand Notation

CSS एक तीन-अक्षर hex shorthand की अनुमति देता है जब पूर्ण छह-अक्षर code में प्रत्येक जोड़ी में दो समान अक्षर होते हैं।

Alpha Transparency के साथ 8-Digit Hex

मानक छह-अक्षर hex code केवल RGB encode करता है — कोई opacity जानकारी नहीं। Alpha transparency जोड़ने के लिए, CSS एक आठ-अक्षर hex प्रारूप का समर्थन करता है:

#RRGGBBAA

व्यावहारिक 8-Digit Hex उदाहरण

/* Modal scrim */
.modal-overlay {
  background-color: #000000B3;
}

/* Frosted glass panel */
.glass-card {
  background-color: #FFFFFF1A;
  backdrop-filter: blur(12px);
}

Hex Codes खोजना और बदलना

डिज़ाइन टूल्स में

• Figma — किसी भी color fill पर क्लिक करें; hex code दाईं ओर Fill panel में दिखाई देता है।
• Adobe Illustrator / Photoshop — color picker और swatches panel hex codes प्रदर्शित करते हैं।

वेब ब्राउज़रों में

किसी भी webpage पर किसी भी element पर राइट-क्लिक करें और "Inspect" चुनें। Browser DevTools में, CSS panel में element खोजें।

ColorFYI पर

ColorFYI पर प्रत्येक color detail page — जैसे /color/FF5733/ — सभी मानों के साथ पूर्ण hex code प्रदर्शित करता है। यदि आपके पास किसी अन्य प्रारूप में रंग है, तो तुरंत hex में बदलने के लिए Color Converter का उपयोग करें।

CSS में Hex

/* Text */
color: #1E293B;

/* Background */
background-color: #F8FAFC;

/* Border */
border: 1px solid #E2E8F0;

/* Alpha के साथ box shadow */
box-shadow: 0 4px 16px #0000001A;

/* CSS custom properties */
:root {
  --color-primary: #3B82F6;
  --color-primary-dark: #1D4ED8;
  --color-surface: #F8FAFC;
}

मुख्य बातें

• एक hex code एक छह-अक्षर hexadecimal संख्या है जो RGB color values encode करती है। संरचना #RRGGBB है।
• Hexadecimal base-16 है, digits 0–9 और अक्षर A–F का उपयोग करते हुए।
• 3-digit shorthand (#RGB) तब वैध होता है जब प्रत्येक जोड़ी एक single digit दोहराती है।
• 8-digit hex (#RRGGBBAA) एक alpha transparency चैनल जोड़ता है।
• hex codes किसी भी design tool के color picker में, browser DevTools में inspecting elements से, या किसी भी ColorFYI color page पर पाएं।
• Color Converter का उपयोग करके hex, RGB, HSL, CMYK और OKLCH के बीच तुरंत बदलें।