कलर कोड कन्वर्टर
HEX, RGB और HSL कलर कोड को आपस में बदलता है। ऊपर #3498db जैसा हेक्स कोड डालिए और उसी समय rgb() तथा hsl() रूप के साथ रंग का नमूना भी दिख जाएगा। जब डिज़ाइन टूल और CSS अलग-अलग फ़ॉर्मैट माँगते हैं, तब यही रूपांतरण चाहिए होता है।
कैसे उपयोग करें
- ऊपर के खाने में HEX कोड लिखिए, जैसे #3498db। तीन अंकों वाला छोटा रूप भी चलता है।
- RGB और HSL मान तथा रंग का नमूना तुरंत बदल जाते हैं।
- जिस रूप की ज़रूरत हो उसे कॉपी करके अपने CSS या डिज़ाइन टूल में डालिए।
- दूसरा रंग डालकर आगे भी बदलते रहिए।
कब काम आता है
- डिज़ाइन में रंग HEX में दिया है और आपको पारदर्शिता के लिए rgba() चाहिए।
- एक ही रंग के हल्के-गहरे रूप बनाने हैं — HSL में चमक बदलना सबसे आसान पड़ता है।
- ब्रांड के रंग RGB में मिले हैं और कोड में HEX चाहिए।
- स्क्रीनशॉट से उठाए गए रंग को प्रोजेक्ट में डालना है।
तीनों रूपों का आपसी संबंध
HEX और RGB एक ही जानकारी लिखने के दो तरीके हैं — #3498db ठीक rgb(52, 152, 219) के बराबर है, क्योंकि 34, 98 और db का दशमलव मान 52, 152 और 219 है। इन दोनों के बीच आना-जाना बिना किसी नुक़सान के होता है। HSL उसी रंग को रंगत, संतृप्ति और चमक — इन तीन अक्षों पर रखता है, जो हाथ से रंग सुधारने के लिए कहीं ज़्यादा सहज हैं, पर हर रूपांतरण में दशमलव का पूर्णांकन होता है। इसलिए HSL से होकर वापस HEX में लौटने पर मान एक इकाई तक खिसक सकता है। रंग तय करने के लिए HSL इस्तेमाल कीजिए, पर अंतिम मान HEX या RGB में ही लिखिए।
संबंधित टूल
अक्सर पूछे जाने वाले सवाल
कलर कोड कन्वर्टर कौन-से कलर फ़ॉर्मेट समर्थित करता है?
तीन, छह और आठ अंकों वाला HEX, RGB और RGBA, तथा HSL और HSLA। मान एक साझा आंतरिक रूप से होकर बदले जाते हैं, इसलिए फ़ॉर्मेट के बीच आना-जाना करने पर मान नहीं खिसकता।
एक्सेसिबिलिटी जाँच पास करने के लिए कितना कंट्रास्ट अनुपात चाहिए?
WCAG 2.1 का AA स्तर सामान्य टेक्स्ट के लिए 4.5 से 1 और बड़े टेक्स्ट के लिए 3 से 1 माँगता है, यानी 18.66 पिक्सल बोल्ड या 24 पिक्सल सामान्य से ऊपर। AAA स्तर इन्हें क्रमशः 7 से 1 और 4.5 से 1 कर देता है।
क्या मैं आउटपुट सीधे CSS में चिपका सकता हूँ?
हाँ। बनाए गए मान वैध CSS कलर सिंटैक्स हैं और उन्हें बिना किसी बदलाव के स्टाइलशीट, डिज़ाइन टोकन फ़ाइल या किसी कंपोनेंट की इनलाइन स्टाइल में चिपकाया जा सकता है।