कलर कोड कन्वर्टर

कलर कोड रूपांतरण का अर्थ है एक ही रंग को HEX, RGB और HSL जैसी अलग-अलग अंकन प्रणालियों में व्यक्त करना। स्क्रीन प्रकाश के मूल रंगों — लाल, हरा और नीला — को मिलाकर रंग बनाती है, इसलिए हर रंग अंततः तीन RGB चैनलों की तीव्रता में सिमट जाता है। HEX इन RGB मानों को छह अंकों की हेक्साडेसिमल स्ट्रिंग (#RRGGBB) में संपीड़ित करता है, जबकि HSL उन्हें उसी तरह पुनर्व्यवस्थित करता है जैसे मनुष्य रंग को महसूस करते हैं — रंग चक्र के कोण, संतृप्ति और चमक के रूप में।

रूपांतरण क्यों ज़रूरी है

• CSS लिखना — डिज़ाइन का HEX कोड लेकर उसे RGB में बदलें, जिससे पारदर्शिता समायोजित करना आसान हो जाता है।
• रंग समायोजन — जब आप केवल रंग को थोड़ा गहरा करना चाहते हैं, तो HSL में बदलने पर सिर्फ़ L मान समायोजित करना होता है।
• सहयोग — डिज़ाइनर के Figma HEX, डेवलपर के RGB वेरिएबल और प्रिंट टीम के रंग मानकों को एक समान रखें।

आप किसी भी प्रारूप में दर्ज करें, यह कन्वर्टर बाकी सभी प्रारूपों की एक साथ गणना करता है और वास्तविक रंग को पूर्वावलोकन में दिखाता है।

HEX → RGB हेक्साडेसिमल को दो-दो अंकों में तोड़कर दशमलव में बदलता है।

R = parseInt(hex[0:2], 16), G और B की भी इसी तरह गणना होती है। उदाहरण: #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51)।

RGB → HSL पहले प्रत्येक चैनल को 0~1 में सामान्यीकृत करता है, फिर चमक निकालता है।

L = (max + min) / 2
S = delta / (2 − max − min) (जब L > 0.5 हो)
यहाँ delta = max − min है। उपरोक्त उदाहरण में max=1, min=0.2 से L = 0.6 (60%), S = 0.8/0.8 = 100%, और रंग कोण H ≈ 11° बनता है, जो HSL(11°, 100%, 60%) में बदल जाता है।