वेब पर रंगों को कई प्रारूपों में प्रदर्शित किया जा सकता है। HEX हेक्साडेसिमल नोटेशन (#RRGGBB) का उपयोग करता है, RGB लाल, हरे, नीले घटकों (0-255) को निर्दिष्ट करता है, और HSL ह्यू (0-360), सैचुरेशन और लाइटनेस (0-100%) का उपयोग करता है। प्रत्येक प्रारूप के अलग-अलग उपयोग के मामलों के लिए फायदे हैं जैसे डिज़ाइन कार्य या प्रोग्रामेटिक रंग हेरफेर।

रंग प्रारूप विवरण

HEX रंग हेक्साडेसिमल (प्रति चैनल 16-255) में RGB मानों को एन्कोड करते हैं। RGB सीधे रंग की तीव्रता (0-255) निर्दिष्ट करता है। HSL रंग (ह्यू) को तीव्रता (सैचुरेशन/लाइटनेस) से अलग करता है, जिससे रंग भिन्नताएं बनाना अधिक सहज हो जाता है। सभी प्रारूप समान 16.7 मिलियन रंगों का प्रतिनिधित्व कर सकते हैं।

सामान्य उपयोग के मामले

डिज़ाइन टूल रंगों को CSS में परिवर्तित करना
रंग थीम और पैलेट बनाना
रंग की चमक और सैचुरेशन को समायोजित करना
विभिन्न प्लेटफार्मों पर ब्रांड रंगों का मिलान करना
रंग कंट्रास्ट के लिए एक्सेसिबिलिटी परीक्षण

प्रारूप तुलना

HEX #RRGGBB - कॉम्पैक्ट, व्यापक रूप से समर्थित, कॉपी/पेस्ट करने में आसान

RGB rgb(R, G, B) - प्रोग्रामेटिक हेरफेर के लिए सहज

HSL hsl(H, S%, L%) - घटकों को समायोजित करके भिन्नताएं बनाना आसान

अक्सर पूछे जाने वाले प्रश्न

मुझे RGB के बजाय HSL का उपयोग कब करना चाहिए?

HSL तब बेहतर होता है जब आपको रंग भिन्नताएं (हल्का, गहरा, अधिक/कम सैचुरेटेड) बनाने की आवश्यकता होती है क्योंकि आप एक ही घटक को समायोजित कर सकते हैं। रंग मिश्रण के लिए और इमेज प्रोसेसिंग के साथ काम करते समय RGB बेहतर होता है।

HEX शॉर्टहैंड क्या है?

HEX शॉर्टहैंड 6 के बजाय 3 अंकों का उपयोग करता है (#RRGGBB के बजाय #RGB)। प्रत्येक अंक दोगुना हो जाता है: #F00 #FF0000 (लाल) बन जाता है। केवल तभी काम करता है जब प्रत्येक जोड़ी में समान अंक हों।