कंप्यूटर रंग कैसे बनाता है: RGB, HEX और बाइनरी की कहानी

#FF0000. #00FF00. #0000FF. डिज़ाइन फ़ाइल या कोड में ये लिखावट एक बार ज़रूर दिखती है। किसी सांकेतिक भाषा जैसी, गेम कोड जैसी — लेकिन असल में यह रंग का नाम है।

ऊपर से क्रम में — लाल, हरा, नीला। कंप्यूटर रंग को इन्हीं नामों से बुलाता है। यह लिखावट कहाँ से आई, यही हम यहाँ समझेंगे।

RGB — रंग बनाने वाले तीन अक्षर

Red, Green, Blue। प्रकाश के तीन मूल रंग। इनके मिश्रण के अनुपात से वे सभी रंग बनते हैं जो हम देखते हैं।

हम हर दिन RGB देखते हैं

जहाँ भी स्क्रीन है, वहाँ RGB है।

• Monitor / TV — एक pixel लाल·हरे·नीले तीन बिंदुओं से बना होता है
• Smartphone screen — वही संरचना, छोटे pixel
• Gaming keyboard LED — एक key पर R·G·B के तीन LED
• PC case lighting — RGB strip ही RGB signal है

स्क्रीन को पर्याप्त ज़ूम करने पर दिखता है — लाल, हरा, नीला। बस यही सब। लाखों छोटे RGB बिंदु मिलकर वह एक स्क्रीन बनाते हैं जो हम देखते हैं।

रंग मिलाकर बनाए जाते हैं

RGB के प्रत्येक चैनल की तीव्रता 0 से 255 तक होती है।

• RGB(255, 0, 0) — केवल लाल अधिकतम → शुद्ध लाल
• RGB(0, 255, 0) — केवल हरा अधिकतम → शुद्ध हरा
• RGB(255, 255, 0) — लाल + हरा → पीला
• RGB(0, 0, 0) — सब बंद → काला
• RGB(255, 255, 255) — सब अधिकतम → सफ़ेद

लाल और हरे को मिलाने पर पीला बनना सहज नहीं लगता, लेकिन यह प्रकाश का मिश्रण है। कला की कक्षा में सीखे रंगों के मिश्रण (लाल + हरा = भूरा) से अलग नियम है। प्रकाश जोड़ते जाएँ तो चमक बढ़ती है, और सब मिलाएँ तो सफ़ेद।

तीन sliders खुद चलाकर देखें।

दाईं ओर दिखने वाला 8-अंकीय नंबर उस चैनल का बाइनरी मान है। Slider हिलाने पर यह नंबर भी बदलता है। 0 और 1 से 256 मान कैसे बनते हैं — यही अगला विषय है।

0 से 255 तक ही क्यों?

कंप्यूटर केवल 0 और 1 को जानता है। एक 0 या 1 रखने वाली एक जगह को बिट (bit) कहते हैं। बिट बढ़ने पर व्यक्त किए जा सकने वाले मानों की संख्या दोगुनी होती जाती है।

8 बिट = 1 बाइट (byte)। एक रंग में RGB के तीन चैनल, कुल 3 बाइट = 24 बिट। 24 बिट में लगभग 1.67 करोड़ रंग आते हैं। मानव आँख के लिए यह पर्याप्त है, इसलिए 1 बाइट एक चैनल का मानक बन गया।

बाइनरी खुद पढ़ें

हर अंक की एक निश्चित स्थिति-मान होती है। बाईं ओर से क्रम में 128, 64, 32, 16, 8, 4, 2, 1 — 2 की घात।

जिन स्थानों पर 1 लिखा है उनके मान जोड़ने पर दशमलव संख्या मिलती है।

इसीलिए 8 बिट का अधिकतम मान 255 है। यही RGB के एक चैनल की 0–255 सीमा का सटीक कारण है।

HEX — वही संख्या, छोटे रूप में

RGB(255, 255, 255)। 16 अक्षर। हर बार CSS में या डिज़ाइन टूल में लिखना लंबा है। इसीलिए उसी संख्या को छोटे रूप में लिखने की विधि आई।

हेक्साडेसिमल क्या है?

हेक्साडेसिमल एक ऐसी संख्या प्रणाली है जहाँ एक अंक 0 से 15 तक दर्शाता है। लेकिन हम जो दशमलव अंक जानते हैं वे 0–9 तक ही हैं — बाकी 6 के लिए अंग्रेज़ी वर्णमाला से उधार लिया गया।

नियम तीन हैं।

• 0–9 जैसे हमेशा
• 10 से A से शुरू
• F एक अंक का अधिकतम (= 15)

हेक्साडेसिमल ही क्यों?

बाइनरी के 4 अंक (0000 ~ 1111) ठीक 16 मान दर्शाते हैं।

बाइनरी के 4 अंक = हेक्साडेसिमल का 1 अंक। चार को एक में समेटा। RGB का एक चैनल 8 बिट का है, इसलिए ठीक हेक्स के 2 अंक में आता है।

RGB को HEX में बदलना

RGB(255, 87, 51) को रूपांतरित करते हैं।

14 अक्षरों की लिखावट 7 अक्षर बन जाती है।

HEX देखकर रंग का अंदाज़ा

उलटा HEX पढ़ें तो रंग का अनुमान लग जाता है।

• #FF5733 — R अधिकतम(FF), G मध्यम(57), B कम(33) → लाल-प्रधान नारंगी
• #3576E0 — R कम(35), G मध्यम(76), B मज़बूत(E0) → हल्के बैंगनी-मिश्रित नीला
• #29A85A — R कम(29), G मज़बूत(A8), B कम(5A) → ताज़ा हरा

सिर्फ़ पहले तीन अंकों से “नारंगी है या नीला” समझ आए, तो designer और developer एक ही भाषा में बात कर सकते हैं।

एक पंक्ति सारांश

• RGB — लाल·हरा·नीला तीन चैनल, प्रत्येक 0–255
• बाइनरी 8 बिट — एक चैनल के 256 मानों का रहस्य
• HEX — उन्हीं संख्याओं को दो अंकों में संक्षिप्त लिखने की विधि

तीन अवधारणाएँ एक सूत्र में जुड़ जाएँ तो रंग कोड अब अनजान नहीं। RGB की तीन संख्याएँ ही HEX के छह अंक हैं।

अगला कदम है इन संख्याओं को designer की भाषा में बदलना। “थोड़ा हल्का,” “कम saturated,” या “कागज़ पर वही रंग” जैसी माँगें RGB और HEX अकेले से पूरी करना मुश्किल है। HSL, CMYK और OKLCH इसे कैसे सुलझाते हैं — यह आगे पढ़ें RGB काफ़ी नहीं: HSL, CMYK और OKLCH रंग संकेतन में।