मुफ़्त कलर पैलेट जनरेटर
हार्मनी एल्गोरिदम के साथ सुंदर कलर पैलेट बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
अपडेट किया गया
Color Palette Generator
Generate beautiful, accessible color palettes with harmony rules, image extraction, WCAG contrast checking, tint/shade scales, and multiple export formats.
Harmony Type
Base Color & Count
Color Details
Related Tools
अक्सर पूछे जाने वाले प्रश्न
Color Palette Generator क्या है?
Color Palette Generator एक मुफ़्त ऑनलाइन टूल है जो कलर थ्योरी एल्गोरिदम जैसे कॉम्प्लिमेंट्री, एनालॉगस और ट्रायाडिक स्कीम का उपयोग करके सामंजस्यपूर्ण रंग पैलेट बनाता है।
क्या Color Palette Generator मुफ़्त है?
हाँ, यह पूरी तरह से मुफ़्त है और किसी पंजीकरण की आवश्यकता नहीं है। सारा पैलेट निर्माण आपके ब्राउज़र में क्लाइंट-साइड होता है।
कौन-से हार्मनी प्रकार उपलब्ध हैं?
Color Palette Generator कॉम्प्लिमेंट्री, एनालॉगस, ट्रायाडिक, स्प्लिट-कॉम्प्लिमेंट्री, टेट्राडिक और मोनोक्रोमैटिक रंग हार्मनी का समर्थन करता है।
क्या इस टूल के साथ मेरा डेटा सुरक्षित है?
बिल्कुल। Color Palette Generator सब कुछ आपके ब्राउज़र में क्लाइंट-साइड प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।
क्या Color Palette Generator मोबाइल उपकरणों पर काम करता है?
हाँ, Color Palette Generator पूरी तरह रिस्पॉन्सिव है और स्मार्टफ़ोन व टैबलेट पर काम करता है। आप इसे आधुनिक वेब ब्राउज़र वाले किसी भी डिवाइस पर इस्तेमाल कर सकते हैं -- किसी ऐप डाउनलोड की ज़रूरत नहीं।
क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?
किसी खाते या पंजीकरण की आवश्यकता नहीं है। बस अपने ब्राउज़र में Color Palette Generator खोलें और तुरंत इस्तेमाल शुरू करें। कोई साइन-अप रुकावट या उपयोग प्रतिबंध नहीं है।
मैं Color Palette Generator का उपयोग कैसे करूँ?
बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार कोई भी सेटिंग समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।
कौन-से ब्राउज़र समर्थित हैं?
Color Palette Generator सभी आधुनिक ब्राउज़रों में काम करता है, जिनमें Chrome, Firefox, Safari, Edge और Opera शामिल हैं। बेहतरीन अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण इस्तेमाल करें।
HEX, RGB और HSL कलर वैल्यू में क्या फ़र्क़ है?
तीनों एक ही रंग को अलग-अलग नोटेशन में दर्शाते हैं, इसलिए इनमें से कोई भी दूसरे से ज़्यादा सटीक नहीं है। HEX #4895EF जैसा छह अंकों का कोड होता है, जो वेब और CSS में सबसे आम फ़ॉर्मेट है क्योंकि यह छोटा और कॉपी करने में आसान है। RGB लाल, हरे और नीले चैनल को 0 से 255 तक सूचीबद्ध करता है, जैसे rgb(72, 149, 239), और यह सीधे इस बात से जुड़ा है कि स्क्रीन कैसे रोशनी उत्सर्जित करती हैं। HSL किसी रंग को ह्यू (0-360 डिग्री के व्हील पर उसकी स्थिति), सैचुरेशन और लाइटनेस में तोड़ता है, जिससे यह हाथ से किसी शेड को बदलने के लिए सबसे आसान फ़ॉर्मेट बन जाता है, क्योंकि आप अलग-अलग चैनलों का दोबारा हिसाब लगाए बिना उसे हल्का या डीसैचुरेट कर सकते हैं। डिज़ाइनर अक्सर HSL में ड्राफ़्ट करते हैं और HEX में शिप करते हैं। यह जनरेटर हर स्वैच को तीनों फ़ॉर्मेट में एक साथ दिखाता है, ताकि आप बिना किसी मैनुअल कन्वर्ज़न के वह कॉपी कर सकें जो आपकी स्टाइलशीट, डिज़ाइन टोकन फ़ाइल, या ग्राफ़िक्स टूल को चाहिए।
कॉम्प्लीमेंटरी और एनालॉगस कलर स्कीम में क्या फ़र्क़ है?
दोनों हार्मनी रूल हैं, लेकिन ये कंट्रास्ट स्केल के विपरीत छोर पर बैठते हैं। एक कॉम्प्लीमेंटरी स्कीम कलर व्हील पर 180 डिग्री की दूरी वाले दो ह्यू को जोड़ती है, जैसे नीला और नारंगी, जिससे अधिकतम कंट्रास्ट बनता है जो एक्सेंट और कॉल-टू-एक्शन बटनों को उभारता है, हालाँकि बड़े क्षेत्रों में इस्तेमाल होने पर यह कठोर भी लग सकता है। एक एनालॉगस स्कीम लगभग 30 डिग्री की दूरी वाले पड़ोसी रंगों का इस्तेमाल करती है, जैसे नीला, नीला-हरा और हरा, जिससे रंग सहजता से मिल जाते हैं और शांत, सुसंगत महसूस होते हैं, यही वजह है कि यह पैटर्न प्रकृति और मिनिमल इंटरफ़ेस में इतना आम है। एक सामान्य नियम के तौर पर, जब आपको सामंजस्य चाहिए तो एनालॉगस पैलेट चुनें और जब किसी एक फ़ोकल पॉइंट को उभारना हो तो कॉम्प्लीमेंटरी पैलेट चुनें। यह जनरेटर स्प्लिट-कॉम्प्लीमेंटरी, ट्रायडिक, टेट्राडिक और मोनोक्रोमैटिक मोड भी देता है, और जैसे ही आप हर रूल को चुनते हैं एक छोटा कलर-थ्योरी नोट उसे समझाता है, ताकि आप हर विकल्प के फ़ील की तुलना कर सकें।
मैं कैसे सुनिश्चित करूँ कि मेरा कलर पैलेट WCAG एक्सेसिबिलिटी मानकों को पूरा करता है?
एक्सेसिबिलिटी टेक्स्ट और उसके बैकग्राउंड के बीच कंट्रास्ट रेशियो पर निर्भर करती है, न कि इस बात पर कि दो रंग साथ में देखने में अच्छे लगते हैं या नहीं। WCAG दिशानिर्देश तय सीमाएँ तय करते हैं: सामान्य बॉडी टेक्स्ट के लिए 4.5:1 या उससे ज़्यादा का रेशियो AA पास करता है, 7:1 या उससे ज़्यादा सख़्त AAA स्तर तक पहुँचता है, और बड़े या बोल्ड टाइप के लिए, जैसे लगभग 24px और उससे बड़ी हेडिंग, 3:1 AA Large क्लियर करता है। 3:1 से नीचे कुछ भी फेल हो जाता है और कम-दृष्टि वाले यूज़र्स या तेज़ धूप में मौजूद किसी भी व्यक्ति के लिए पढ़ना मुश्किल बना देता है। यह जनरेटर स्वैच जोड़ों के बीच कंट्रास्ट रेशियो नापता है और हर संयोजन को इन आधिकारिक सीमाओं के अनुसार लेबल करता है, ताकि आप शिप करने से पहले ही किसी फेल होते टेक्स्ट-और-बैकग्राउंड जोड़े को पहचान सकें, बजाय इसके कि एक्सेसिबिलिटी शिकायत या फेल हुए ऑडिट के बाद पता चले। पैलेट बनाते समय कंट्रास्ट लेबल जाँचते रहें, और किसी भी ऐसे रंग को बदलें या हल्का करें जो आपकी कंटेंट को ज़रूरी स्तर तक नहीं पहुँचाता, ताकि पैलेट आकर्षक और पठनीय दोनों बना रहे।
मैं किसी इमेज या लोगो से कलर पैलेट कैसे निकालूँ?
कोई फ़ोटो, स्क्रीनशॉट, लोगो, या मूडबोर्ड अपलोड करें और जनरेटर इमेज के पिक्सल का नमूना लेकर स्वचालित रूप से रंगों का एक प्रतिनिधि सेट निकाल देता है। यह किसी नए डिज़ाइन को मौजूदा ब्रांड लोगो से मिलाने, किसी प्रोडक्ट फ़ोटोग्राफ़ के टोन दोबारा इस्तेमाल करने, या हाथ से हर रंग को आईड्रॉप किए बिना किसी आर्टवर्क को इस्तेमाल लायक स्कीम में बदलने का सबसे तेज़ तरीका है। इमेज को आपके ब्राउज़र के भीतर एक छिपे हुए कैनवास पर स्थानीय रूप से प्रोसेस किया जाता है, इसलिए कुछ भी सर्वर पर अपलोड नहीं होता और आपकी फ़ाइल पूरे समय आपकी डिवाइस पर निजी रहती है। एक्सट्रैक्ट किया गया पैलेट दिखने के बाद, आप जिस स्वैच को रखना चाहें उसे लॉक कर सकते हैं, बाक़ी को फ़ाइन-ट्यून कर सकते हैं, हर रंग को HEX, RGB, या HSL के रूप में कॉपी कर सकते हैं, या पूरे सेट को CSS, SCSS, Tailwind, JSON, या SVG के रूप में एक्सपोर्ट कर सकते हैं। अपने ही सोर्स मटीरियल से सीधे इस्तेमाल के लिए तैयार पैलेट बनाने के लिए अपनी इमेज को एक्सट्रैक्टर में डालें।
एक पैलेट में कितने रंग होने चाहिए, और क्या मैं पसंद वाले रंगों को लॉक कर सकता हूँ?
एक व्यावहारिक पैलेट में आम तौर पर तीन से पाँच रंग होते हैं: एक या दो प्रमुख टोन, एक सहायक रंग, और ज़ोर देने के लिए एक एक्सेंट, जो किसी डिज़ाइन को अभिभूत किए बिना पर्याप्त वैरायटी देता है। ब्रांड सिस्टम अक्सर इसके ऊपर एक ऑफ़-व्हाइट और एक गहरे टेक्स्ट कलर जैसे कुछ न्यूट्रल रंग भी जोड़ते हैं। यह जनरेटर आपको स्वैच की संख्या दो से दस तक कहीं भी सेट करने देता है, ताकि आप चीज़ों को मिनिमल रख सकें या डिज़ाइन टोकन और थीम फ़ाइलों के लिए एक भरा-पूरा स्केल बना सकें। जब कोई स्वैच बिल्कुल सही लगे, तो उसे लॉक कर दें और वह अगली बार री-जेनरेट करने पर भी बना रहेगा जबकि अनलॉक किए गए रंग बदलते रहेंगे, जिससे आप पूरा सेट सही जगह बैठने तक एक-एक करके रंग तय कर सकते हैं। संतुष्ट होने के बाद, पैलेट को CSS, SCSS, Tailwind, JSON, या SVG के रूप में एक्सपोर्ट करें। संख्या समायोजित करें, अपने पसंदीदा रंगों को लॉक करें, और सही सेट पाने के लिए दोबारा जनरेट करें।
Embed This Tool
Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.
<iframe src="https://getthetoolbox.com/embed/color-palette-generator" title="Free Color Palette Generator — The Toolbox" width="100%" height="280" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/utility-tools/color-palette-generator?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free Color Palette Generator</a> by The Toolbox</p>संबंधित टूल
मुफ़्त सुरक्षित पासवर्ड जनरेटर
अनुकूलन योग्य विकल्पों के साथ सुरक्षित, यादृच्छिक पासवर्ड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त UUID/GUID जनरेटर
सार्वभौमिक रूप से अद्वितीय पहचानकर्ता (UUID/GUID) बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त QR कोड जनरेटर ऑनलाइन
URL, टेक्स्ट, WiFi क्रेडेंशियल और बहुत कुछ के लिए QR कोड बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
मुफ़्त JSON फ़ॉर्मेटर और वैलिडेटर
सिंटैक्स हाइलाइटिंग और त्रुटि पहचान के साथ JSON डेटा को फ़ॉर्मेट, सत्यापित और सुंदर बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।
कलर पैलेट जनरेटर के बारे में
कलर पैलेट जनरेटर एक मुफ़्त टूल है जो स्थापित कलर-थ्योरी संबंधों का उपयोग करके रंगों के सुसंगत सेट बनाता है। एक बेस कलर चुनें, एक हार्मनी रूल चुनें, और यह तुरंत दो से दस स्वैच तक का मेल खाता पैलेट तैयार कर देता है — जिसमें हर स्वैच के HEX, RGB और HSL वैल्यू कॉपी करने के लिए तैयार होते हैं। यह वेब और UI डिज़ाइनरों, फ्रंट-एंड डेवलपर्स, ब्रांड और मार्केटिंग टीमों, और उन सभी के लिए बनाया गया है जिन्हें ऐसे रंग चाहिए जो जानबूझकर चुने हुए लगें, न कि इधर-उधर से बेतरतीब ढंग से डाले गए।
सब कुछ आपके ब्राउज़र में ही चलता है। कोई साइन-अप नहीं, कोई वॉटरमार्क नहीं, और आपके द्वारा बनाई गई कोई भी चीज़ — जिसमें कलर एक्सट्रैक्शन के लिए विश्लेषित की गई इमेजें भी शामिल हैं — किसी सर्वर पर अपलोड नहीं होती। आपके बनाए गए पैलेट आपकी डिवाइस पर ही रहते हैं।
कलर हार्मनी कैसे काम करती है
एक हार्मनी रूल रंगों को 360° के कलर व्हील के चारों ओर तय कोणों पर रखता है, यही वजह है कि नतीजे संतुलित महसूस होते हैं। यह जनरेटर सात मोड सपोर्ट करता है:
- मोनोक्रोमैटिक — अलग-अलग लाइटनेस और सैचुरेशन वाला एक ही ह्यू, साफ़-सुथरे, मिनिमल डिज़ाइन के लिए।
- एनालॉगस — बेस से लगभग ±30° दूर के पड़ोसी रंग; स्वाभाविक रूप से सुहावने और प्रकृति में आम।
- कॉम्प्लीमेंटरी — अधिकतम कंट्रास्ट के लिए 180° की दूरी पर दो ह्यू, एक्सेंट और कॉल-टू-एक्शन बटनों के लिए आदर्श।
- स्प्लिट-कॉम्प्लीमेंटरी — बेस के साथ उसके कॉम्प्लीमेंट से सटे दो ह्यू, जो ज़्यादा वैरायटी के साथ हाई कंट्रास्ट बनाए रखते हैं।
- ट्रायडिक — 120° की बराबर दूरी पर तीन ह्यू, जीवंत मगर संतुलित।
- टेट्राडिक — 90° के अंतराल पर चार ह्यू; सबसे समृद्ध वैरायटी, जब एक रंग मुख्य भूमिका निभाए तब सबसे बेहतर।
- रैंडम — कोई तय संबंध नहीं, अप्रत्याशित क्रिएटिव शुरुआती बिंदुओं के लिए उपयोगी।
आप किसी भी स्वैच को लॉक कर सकते हैं ताकि वह अगली बार री-जेनरेट करने पर भी बना रहे, फिर तब तक जनरेट करते रहें जब तक अनलॉक किए गए रंग सही जगह न बैठ जाएँ। जैसे ही आप मोड बदलते हैं, एक छोटा कलर-थ्योरी नोट हर रूल को समझाता है।
कंट्रास्ट और एक्सेसिबिलिटी जाँचना
देखने में अच्छे लगने वाले रंग भी पठनीयता टेस्ट में फेल हो सकते हैं, इसलिए यह टूल स्वैच जोड़ों के बीच कंट्रास्ट रेशियो नापता है और हर जोड़े को WCAG मानक के अनुसार लेबल करता है। लागू की गई सीमाएँ आधिकारिक हैं: सामान्य टेक्स्ट के लिए 4.5:1 या उससे ज़्यादा का रेशियो AA पास करता है, 7:1 या उससे ज़्यादा AAA तक पहुँचता है, और बड़े या बोल्ड टाइप के लिए 3:1 AA Large क्लियर करता है। डिज़ाइन शिप करने से पहले इसे जाँचना कम-दृष्टि वाले यूज़र्स के लिए टेक्स्ट को पठनीय बनाए रखने में मदद करता है और लॉन्च के बाद एक्सेसिबिलिटी संबंधी शिकायतों से बचाता है।
किसी इमेज से रंग निकालना
कोई फ़ोटो, स्क्रीनशॉट या मूडबोर्ड अपलोड करें और जनरेटर उसके पिक्सल का नमूना लेकर एक प्रतिनिधि पैलेट निकाल देता है। यह किसी ब्रांड को मौजूदा लोगो से मिलाने, किसी प्रोडक्ट फ़ोटोग्राफ़ के टोन दोबारा इस्तेमाल करने, या किसी आर्टवर्क को इस्तेमाल लायक स्कीम में बदलने का सबसे तेज़ तरीका है। इमेज को आपके ब्राउज़र के भीतर एक छिपे हुए कैनवास पर स्थानीय रूप से प्रोसेस किया जाता है और इसे कभी कहीं भेजा नहीं जाता।
अपने वर्कफ़्लो में एक्सपोर्ट करना
पैलेट तैयार होने के बाद, आप किसी भी सिंगल वैल्यू को HEX, RGB, या HSL के रूप में कॉपी कर सकते हैं, या पूरे सेट को उस फ़ॉर्मेट में एक्सपोर्ट कर सकते हैं जो आपके प्रोजेक्ट को चाहिए:
- स्टाइलशीट के लिए CSS कस्टम प्रॉपर्टीज़ और SCSS वेरिएबल्स।
- अपनी थीम में डालने के लिए एक Tailwind कलर कॉन्फ़िग स्निपेट।
- डिज़ाइन टोकन और प्रोग्रामेटिक इस्तेमाल के लिए JSON।
- डिज़ाइन फ़ाइलों में लेबल की गई स्वैच स्ट्रिप डालने के लिए SVG।
क्यूरेटेड इंस्पिरेशन पैलेट्स की एक बिल्ट-इन गैलरी — शांत तटीय नीले रंग, गर्म सूर्यास्त टोन, पेशेवर कॉर्पोरेट सेट, और भी बहुत कुछ — तब एक आज़माया हुआ शुरुआती बिंदु देती है जब आपके पास कोई बेस कलर तय न हो, और आप पसंद आए पैलेट को उसी सत्र के दौरान दोबारा देखने के लिए सेव कर सकते हैं।
चाहे आप कोई ब्रांड सिस्टम तय कर रहे हों, किसी लैंडिंग पेज को स्टाइल कर रहे हों, या बस एक्सप्लोर कर रहे हों, कलर पैलेट जनरेटर कलर थ्योरी को कुछ ही क्लिक में इस्तेमाल के लिए तैयार कोड में बदल देता है — मुफ़्त, निजी, और पूरी तरह से आपके ब्राउज़र में।