रंग पैलेट जनरेटर

एक बेस रंग चुनें और सामंजस्यपूर्ण पैलेट बनाएँ — पूरक, ट्रायडिक, अनुरूप, स्प्लिट-पूरक और मोनोक्रोमैटिक।

इस्तेमाल कैसे करें

  1. कलर पिकर से बेस रंग चुनें या हेक्स कोड टाइप करें।
  2. सामंजस्य प्रकार चुनें — पूरक, ट्रायडिक, अनुरूप, स्प्लिट-पूरक या मोनोक्रोमैटिक।
  3. "Generate palette" पर क्लिक करें — रंग हेक्स कोड के साथ स्वॉच के रूप में दिखाई देते हैं। कोड कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें।

इस टूल के बारे में

रंग सामंजस्य वह सिद्धांत है कि रंगों के कुछ संयोजन एक साथ संतुलित दिखते हैं। सिद्धांत रंग चक्र से आता है: पूरक रंग एक-दूसरे के विपरीत बैठते हैं (अधिकतम कंट्रास्ट), अनुरूप रंग एक-दूसरे के बगल में बैठते हैं (न्यूनतम कंट्रास्ट), और ट्रायडिक रंग एक समबाहु त्रिभुज बनाते हैं (संतुलित कंट्रास्ट)। स्प्लिट-पूरक पूरक के दो पड़ोसी लेता है, और मोनोक्रोमैटिक एक ही ह्यू की लाइटनेस और सैचुरेशन बदलता है।

यह जनरेटर HSL रंग स्पेस में काम करता है, जहाँ H चक्र पर ह्यू कोण है, S सैचुरेशन है और L लाइटनेस है। सामंजस्य ज्यामितीय हैं: पूरक ह्यू में 180° जोड़ता है, ट्रायडिक 120° और 240° जोड़ता है, अनुरूप 30° जोड़ता और घटाता है। परिणाम डिज़ाइन के लिए शुरुआती बिंदु हैं — वास्तविक पैलेट कार्य दृश्य भार संतुलित करने के लिए सैचुरेशन और लाइटनेस समायोजित करता है, और पैलेट को वास्तविक सामग्री पर टेस्ट करता है जिसके साथ इसका उपयोग किया जाएगा।

क्लिपबोर्ड पर हेक्स कोड कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें। सब कुछ आपके ब्राउज़र में चलता है और कुछ भी संग्रहीत नहीं होता।

फ़ॉर्मूला

पूरक: H+180°। ट्रायडिक: H+120°, H+240°। अनुरूप: H−30°, H, H+30°। स्प्लिट-पूरक: H+150°, H+210°। मोनोक्रोमैटिक: समान H, विभिन्न S और L।

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

Which harmony should I use?

अधिकतम कंट्रास्ट के लिए पूरक (कॉल-टू-एक्शन बटन, अलर्ट स्थितियाँ)। शांत, एकजुट लुक के लिए अनुरूप। विविधता के साथ संतुलित पैलेट के लिए ट्रायडिक। एकल-ब्रांड-रंग डिज़ाइन के लिए मोनोक्रोमैटिक।

क्या मैं इन रंगों का व्यावसायिक उपयोग कर सकता/सकती हूँ?

रंगों पर कॉपीराइट नहीं होता। आपके द्वारा बनाया गया पैलेट आपके उपयोग के लिए है।

मेरे फ़ोन पर रंग अलग क्यों दिखते हैं?

क्योंकि स्क्रीन में अलग-अलग कलर गैमट और कैलिब्रेशन होते हैं। हेक्स कोड समान है; दिखावट डिस्प्ले पर निर्भर करती है।

क्या यह एक्सेसिबिलिटी के लिए कंट्रास्ट जाँचता है?

सीधे नहीं — उसके लिए WCAG Contrast Checker टूल का उपयोग करें। यह टूल सामंजस्यपूर्ण पैलेट बनाता है; कंट्रास्ट चेकर आपको बताता है कि फ़ोरग्राउंड और बैकग्राउंड एक्सेसिबिलिटी मानकों को पूरा करते हैं या नहीं।

संबंधित टूल्स

कलर मिक्सर अपने ब्राउज़र में दो रंगों को अनुपात स्लाइडर से मिलाएँ और उनके बीच की पूरी 11-चरणीय शृंखला देखें। टिंट और शेड जेनरेटर अपने ब्राउज़र में एक रंग को पूरी टिंट, शेड और टोन शृंखलाओं में बदलें और उन्हें CSS वैरिएबल के रूप में एक्सपोर्ट करें। WCAG कंट्रास्ट चेकर दो रंगों के बीच कंट्रास्ट अनुपात जाँचें और देखें कि वह WCAG AA और AAA पास करता है या नहीं — लाइव, आपके ब्राउज़र में। इमेज कलर पिकर कोई इमेज लोड करें और किसी भी पिक्सल पर क्लिक करके उसका सटीक HEX, RGB और HSL पाएँ — पूरी प्रोसेसिंग आपके ही डिवाइस पर। कलर कन्वर्टर अपने ब्राउज़र में किसी रंग को HEX, RGB, HSL, HSV और CMYK के बीच बदलें, दोनों दिशाओं में लाइव सिंक के साथ। Image Palette Extractor एक इमेज अपलोड करें और उसके प्रमुख रंग निकालें — hex कोड कॉपी करने के लिए किसी भी स्वॉच पर क्लिक करें।

लंबे लिंक? मुफ़्त में छोटा करें

Vai.la किसी भी URL को क्लिक आंकड़ों, QR Code और आपके अपने बायोलिंक के साथ एक शॉर्ट लिंक में बदल देता है।

टूल्स का इस्तेमाल कैसे होता है या उनके परिणामों के आधार पर लिए गए निर्णयों के लिए Vai.la ज़िम्मेदार नहीं है।