रैंडम रंग जनरेटर क्या है?

HEX, RGB और HSL मानों के साथ रैंडम रंग बनाएँ। पसंदीदा रंग लॉक करें, बाकी दोबारा जनरेट करें, और एक क्लिक से कोई भी कलर कोड कॉपी करें।

स्पेस दबाइए (या जनरेट पर क्लिक करिए) और पेज रैंडम रंगों की एक नई पंक्ति बदल देगा, हर एक के साथ उसका नाम और HEX, RGB तथा HSL कोड दिखेगा। स्लाइडर खिसकाइए और पैलेट एक अकेले एक्सेंट रंग से लेकर आठ रंगों तक हो जाती है। स्टाइल पिकर को पेस्टल, वाइब्रेंट, गहरा या अर्थ टोन पर ले जाइए ताकि रैंडमनेस किसी मूड की तरफ झुके, या हार्मनी रूल (कॉम्प्लीमेंटरी, एनालॉगस, ट्रायडिक, टेट्राडिक) चुनिए ताकि रंग रंग-सिद्धांत के हिसाब से एक-दूसरे से जुड़ें, अलग-थलग न रहें। जो पसंद आएँ उन्हें ताले से लॉक करिए और बाकी को फिर से रिरोल करिए। हर कोड एक क्लिक में क्लिपबोर्ड में जाता है और पूरी पैलेट एक प्लेन टेक्स्ट फ़ाइल या साझा करने लायक PNG इमेज के रूप में डाउनलोड हो जाती है। कोड चाहिए? एक टैप पूरे सेट को :root वाले CSS कस्टम प्रॉपर्टीज़ ब्लॉक के रूप में कॉपी कर देता है, और दूसरा एक ऐसा लिंक कॉपी करता है जो आप जहाँ भी पेस्ट करें वहीं यही पैलेट दोबारा खोल देता है। किसी भी स्वैच की हल्के-गहरे शेड वाली पट्टी खोलें और पाँच हल्की व पाँच गहरी सीढ़ियाँ लें — हॉवर स्टेट, बॉर्डर और हल्के रंग वाली बैकग्राउंड के लिए बढ़िया।

उपयोग कैसे करें

1. तय करें कि कितने रंग चाहिए (1 से 8 तक, डिफ़ॉल्ट 5) और पैलेट भरने के लिए जनरेट पर क्लिक करें।
2. जो रंग रखना चाहते हैं उन्हें लॉक करें, फिर शेष स्लॉट भरने के लिए दोबारा जनरेट करें।
3. क्लिपबोर्ड पर कॉपी करने के लिए किसी भी कलर कोड (HEX, RGB या HSL) पर क्लिक करें।

कब उपयोग करें

• खाली Figma फाइल देखकर रंगों का कोई आइडिया न सूझे, तब क्रिएटिव ब्लॉक तोड़ने के लिए।
• साइड प्रोजेक्ट, ब्रेनस्टॉर्म डॉक या बच्चों की कला गतिविधि के लिए कोई भी रंग परिवार चाहिए हो।
• बैनर, सोशल टाइल, लॉक स्क्रीन जैसी एक-बार-की डिज़ाइन के लिए साल का ट्रेंडी रंग खोजे बिना तुरंत HEX निकालना।

परिणाम

एक वेब डिज़ाइनर को नए प्रोजेक्ट के लिए एक्सेंट रंग चाहिए। वह पैलेट जनरेट करता है जब तक #E8674A (गर्म कोरल) नहीं मिलता, उसे लॉक करता है, और पूरक रंग खोजने के लिए जनरेट करता रहता है।

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

रंग असल में चुना कैसे जाता है?

डिफ़ॉल्ट रैंडम + कोई भी मोड में लाल, हरा, नीला हर चैनल को 0 से 255 के बीच नया पूर्णांक मिलता है, इसलिए लगभग 1.67 करोड़ RGB संयोजनों में से कोई भी आ सकता है — सच्चा एक-सम रैंडम, कोई ‘सुंदर’ रंगों की तरफ झुकाव नहीं। जब आप कोई स्टाइल (पेस्टल, वाइब्रेंट, गहरा, अर्थ टोन) चुनते हैं तो टूल उस मूड की रेंज के भीतर ह्यू, सैचुरेशन और लाइटनेस घुमाता है। हार्मनी मोड एक रैंडम बेस उठाते हैं और बाकी रंगों को रंग-चक्र पर तय शिफ्ट से निकालते हैं।

रैंडम पैलेट कभी-कभी मटमैले क्यों लगते हैं?

RGB का अधिकांश घन माध्यम-धूसर और मद्धम मध्यम रंगों में बसता है, इसलिए एक-सम रैंडम स्वाभाविक रूप से वहीं गिरता है। सबसे तेज़ इलाज: स्टाइल पिकर को ‘कोई भी’ से बदलकर वाइब्रेंट या पेस्टल कर दीजिए — फिर टूल एक चुनी हुई ह्यू/सैचुरेशन/लाइटनेस रेंज से ही सैंपल लेता है और गंदला बीच का हिस्सा बिल्कुल नहीं आता। चाहें तो चमकीले रंगों को लॉक करके बाकी को दो-तीन बार रिरोल कर लीजिए, पंक्ति जल्दी जम जाएगी।

क्या पसंदीदा रंग रखकर बाकी फिर से बनाए जा सकते हैं?

हाँ। किसी भी स्वैच पर ताले का आइकन छूकर उसे लॉक कीजिए और जेनरेट दबाइए। लॉक किए स्वैच अपनी जगह रहेंगे, बाकी फिर से बदल जाएंगे। बेस रंग तय करने के बाद उसके आसपास एक्सेंट खोजने का सबसे तेज़ तरीका यही है।

HEX, RGB और HSL में क्या अंतर है?

HEX (#1A2B3C) उसी RGB को 16-आधार में लिखने का छोटा रूप है, CSS और डिज़ाइन टूल्स में आम। RGB (rgb(26,43,60)) तीनों चैनलों को दशमलव में नाम देता है। HSL (hsl(210,40%,17%)) ह्यू, संतृप्ति और चमक बताता है — हाथ से ट्यून करने में आसान।

क्या नतीजा सचमुच रैंडम है या सीड पर आधारित?

टैब के अंदर JavaScript के Math.random का इस्तेमाल होता है। तकनीकी रूप से यह छद्म-रैंडम है, पर डिज़ाइन के लिए असली रैंडम से अलग नहीं किया जा सकता। पेज रिफ्रेश कीजिए, हर बार बिल्कुल नई पैलेट मिलेगी।

संबंधित उपकरण