गणना

कलर पैलेट बिल्डर फ्री

किसी भी HEX रंग से तुरंत एक मैचिंग पैलेट बनाएं: शेड्स, कॉम्प्लिमेंट्री, एनालॉगस, ट्रायडिकेट और टेट्राडाइड। इसमें HEX/RGB/HSL कॉपी करने की सुविधा भी शामिल है।

कलर पैलेट क्रिएटर
हल्के रंग (टिंट)
गहरे रंग (शेड्स)
पूरक
अनुरूप
त्रिआदमी
टेट्राडिक
जानकारी

कलर पैलेट बिल्डर फ्री के बारे में

वेब डिज़ाइन, ग्राफ़िक डिज़ाइन और ब्रांड पहचान परियोजनाओं में रंग पैलेट बनाना सबसे महत्वपूर्ण चरणों में से एक है। सोच-समझकर चुना गया रंग पैलेट उपयोगकर्ता अनुभव को बेहतर बनाता है, ब्रांड की एकरूपता को मजबूत करता है और आंखों पर पड़ने वाले तनाव को कम करता है। होस्ट्रागन्स कलर पैलेट क्रिएटर इसकी मदद से आप एक ही प्राथमिक रंग से शुरू करके तुरंत पांच अलग-अलग पैलेट स्टाइल बना सकते हैं।

औजार; रंग (हल्के रंग) और गहरे रंग (गहरे रंग), पूरक, अनुरूप, तीनों और चतुष्कोणीय यह रंग सिद्धांत के अनुसार रंग सामंजस्य की गणना करता है। प्रत्येक रंग के लिए... हेक्स, आरजीबी और एचएसएल आप एक क्लिक से फॉर्मेट कॉपी कर सकते हैं। आप हेक्स कोड टाइप करके या कलर पिकर का उपयोग करके मनचाहा रंग चुन सकते हैं।

सभी गणनाएँ आपके ब्राउज़र में वास्तविक समय में की जाती हैं; कोई डेटा सर्वर पर नहीं भेजा जाता है। आप CSS वैरिएबल, Tailwind थीम कलर या Figma कलर स्टाइल तैयार करते समय इस टूल का संदर्भ ले सकते हैं। इसके तुर्की इंटरफ़ेस और मोबाइल-फ्रेंडली डिज़ाइन के कारण, यह डेस्कटॉप और स्मार्टफ़ोन दोनों पर सहजता से काम करता है।

इसका उपयोग कैसे करना है?

क्रमशः

  1. HEX बॉक्स में एक रंग कोड दर्ज करें (उदाहरण के लिए)। #3b82f6) या कलर पिकर आइकन पर क्लिक करके रंग ब्राउज़ करें।
  2. यह टूल आपके द्वारा चुने गए रंग को स्वचालित रूप से चुन लेगा। रंगों, पूरक, अनुरूप, तीनों और चतुष्कोणीय यह पैलेट का उत्पादन करता है।
  3. प्रत्येक रंग बॉक्स के नीचे HEX, RGB और HSL आपको मान दिखाई देंगे; वांछित प्रारूप पर क्लिक करके उन्हें क्लिपबोर्ड पर कॉपी करें।
  4. जब आप मुख्य रंग बदलते हैं, तो सभी पैलेट तुरंत अपडेट हो जाते हैं; लाइव पूर्वावलोकन इसके चलते आपको सामंजस्य तुरंत ही दिखाई देगा।
अक्सर पूछे जाने वाले प्रश्न

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

रंग चक्र पर चयनित रंग के ठीक विपरीत (180°) स्थित रंग को पूरक रंग कहा जाता है। यह उच्च कंट्रास्ट प्रदान करता है और आकर्षक एक्सेंट रंगों के लिए आदर्श है।

समरूप रंग वे रंग होते हैं जो रंग चक्र पर एक दूसरे के निकट (±30°) स्थित होते हैं। प्रकृति में अक्सर पाई जाने वाली यह सामंजस्यता आंखों को शांत और संतुलित प्रतीत होती है; इसका उपयोग आमतौर पर पृष्ठभूमि-पाठ रंग संयोजनों में किया जाता है।

त्रिपक्षीय सामंजस्य में, रंग चक्र को तीन बराबर भागों (120°) में विभाजित किया जाता है; इससे संतुलित और जीवंत रंग संयोजन बनते हैं। चतुर्पक्षीय सामंजस्य में, चार रंगों को 90° के अंतराल पर रखा जाता है; इससे अधिक विविधतापूर्ण रंग संयोजन प्राप्त होता है, लेकिन इसके लिए सावधानीपूर्वक उपयोग की आवश्यकता होती है।

आप कलर पिकर पर क्लिक करके अपने ऑपरेटिंग सिस्टम का कलर पिकर खोल सकते हैं। यदि आपके पास RGB या HSL मान हैं, तो आप उन्हें पहले ऑनलाइन कनवर्टर का उपयोग करके HEX में परिवर्तित कर सकते हैं और फिर उन्हें यहां पेस्ट कर सकते हैं।

प्रत्येक रंग का HEX या HSL मान कॉपी करें। :root { --primary: #3b82f6; } आप इसे इस तरह से CSS वेरिएबल के रूप में परिभाषित कर सकते हैं। HSL फॉर्मेट विशेष रूप से ब्राइटनेस/सैचुरेशन को प्रोग्रामेटिकली एडजस्ट करने के लिए उपयुक्त है।
सभी निःशुल्क टूल पर वापस जाएँ