कलर मिक्सर
नयादो रंगों को किसी भी अनुपात में मिलाएँ और परिणाम या कोई भी चरण कॉपी करें।
Click a swatch to copy its hex.
Mix colors from an image
Upload an image, choose a target color above, then click the image to sample that pixel. Images are decoded in your browser and never uploaded.
Paint (subtractive) results are realistic approximations of pigment mixing, not exact recipes — real paints and inks vary by brand and opacity.
Runs entirely in your browser. Nothing is uploaded.
पेंट या रोशनी के लिए एक मुफ्त ऑनलाइन कलर मिक्सर
यह कलर मिक्सर दो रंगों — या अधिक — को एक नए रंग में मिलाता है और उनके बीच के चरणों का पूरा ग्रेडिएंट दिखाता है। स्वैच से रंग चुनें, hex कोड टाइप करें, या किसी अपलोड की गई इमेज से सीधे रंग लें; फिर मिश्रित परिणाम को HEX, RGB, HSL और CMYK में पढ़ें। सब कुछ आपके ब्राउज़र में चलता है, इसलिए यह तुरंत है और आप जो कुछ भी लोड करते हैं वह कहीं भी अपलोड नहीं होता।
जहाँ अधिकांश टूल केवल एक सरल रैखिक मिश्रण करते हैं, यह आपको दो रंगों को ऑनलाइन मिलाने के तीन अलग-अलग तरीके देता है और जैसे-जैसे आप आगे बढ़ते हैं अंतर दिखाता है — ताकि आपको एक चित्रकार जो उम्मीद करता है वह उत्तर मिले, एक स्क्रीन जो उत्पन्न करती है, या ग्रेडिएंट और डिज़ाइन सिस्टम के लिए एक शुद्ध गणितीय मध्यबिंदु।
व्यवकलनात्मक, योगात्मक, या सरल मिश्रण — तीन मिश्रण मॉडल
व्यवकलनात्मक मिश्रण पेंट और पिगमेंट को मॉडल करता है: रंग प्रकाश को अवशोषित (घटाते) करते हैं, इसलिए नीला + पीला = हरा, लाल + पीला = नारंगी और लाल + नीला = बैंगनी — 'कौन से दो रंग X बनाते हैं' के सहज परिणाम जो भौतिक पेंट, स्याही और CMYK प्रिंटिंग से मेल खाते हैं। योगात्मक मिश्रण प्रकाश को मॉडल करता है: लाल, हरा और नीला जुड़ते हैं, इसलिए लाल + हरा = पीला और तीनों मिलकर सफेद बनाते हैं — जैसे स्क्रीन, प्रोजेक्टर और स्टेज लाइट काम करती हैं।
तीसरा मोड, Blend, एक सीधी रैखिक इंटरपोलेशन है जो सटीक संख्यात्मक मध्यबिंदु खोजने के लिए RGB चैनलों का औसत लेती है — ग्रेडिएंट, UI टिंट और डिज़ाइन टोकन पीढ़ी के लिए आदर्श। एक बटन तीनों के बीच स्विच करता है, और मिश्रण पट्टी तुरंत फिर से खींची जाती है।
हरा, नारंगी, बैंगनी और भूरा बनाने के लिए कौन से दो रंग चाहिए?
अंतर्निहित कलर मिक्सर चार्ट एक टैप से सबसे अधिक खोजे जाने वाले पिगमेंट सवालों का जवाब देता है: नीला + पीला = हरा, लाल + पीला = नारंगी, लाल + नीला = बैंगनी, नीला + हरा = टील, और पूरक रंगों जैसे नारंगी + नीले से एक यथार्थवादी भूरा। चार्ट में किसी भी जोड़े को टैप करें उसे व्यवकलनात्मक मोड में मिक्सर में लोड करने के लिए।
चूंकि व्यवकलनात्मक इंजन उस तरह मिलाता है जैसे पिगमेंट वास्तव में करते हैं, द्वितीयक रंग सच्चे निकलते हैं और तृतीयक रंग स्वाभाविक रूप से भूरे की ओर गहरे हो जाते हैं — जैसे असली पेंट को अधिक मिलाने पर मैला हो जाता है। अनुपात स्लाइडर आपको अनुपात को सटीक रूप से नियंत्रित करने देता है।
किसी इमेज से मिलाएं — और दो से अधिक रंग मिलाएं
कोई भी फ़ोटो अपलोड करें और आईड्रॉपर का उपयोग करके उससे सीधे रंग निकालें — किसी उत्पाद की फ़ोटो, पेंट स्वैच या प्रेरणादायक इमेज से ब्रांड रंग मिलाने के लिए बढ़िया। दो या अधिक पिक्सेल चुनें और उन्हें मिलाएं। इमेज को स्थानीय रूप से एक HTML कैनवास पर डिकोड किया जाता है, इसलिए इमेज से कलर मिक्सर यहाँ का मतलब है कि आपकी फ़ाइल कभी डिवाइस नहीं छोड़ती।
दो से अधिक मिलाने की ज़रूरत है? तीसरा, चौथा, पाँचवाँ या छठा स्वैच जोड़ने के लिए 'रंग जोड़ें' पर क्लिक करें, प्रत्येक का अपना वेट स्लाइडर है। टूल सभी इनपुट का भारित मिश्रण लौटाता है — पैलेट का औसत निकालने, मल्टी-पिगमेंट पेंट ब्लेंड को फिर से बनाने, या ब्रांड रंगों के सेट का दृश्य केंद्र खोजने के लिए उपयोगी।
Adobe Color, Coolors और colordesigner.io से तुलना
Adobe Color (color.adobe.com) रंग सामंजस्य अन्वेषण के लिए बनाया गया है — पूरक, त्रिभुज, अनुरूप — और एक Adobe खाते की आवश्यकता है जो Adobe के सर्वर के साथ डेटा सिंक करता है। इसमें कोई व्यवकलनात्मक (पेंट) या योगात्मक (प्रकाश) मिश्रण मॉडल नहीं है। Coolors (coolors.co) पैलेट जनरेशन के लिए उत्कृष्ट है लेकिन इसका कलर मिक्सर केवल एक बुनियादी रैखिक मिश्रण करता है।
colordesigner.io एक दो-रंग रैखिक मिश्रण और ग्रेडिएंट स्ट्रिप प्रदान करता है, लेकिन केवल hex मान आउटपुट करता है — RGB, HSL या CMYK नहीं। यह टूल उस अंतर को भरता है: तीन मिश्रण मॉडल, चार एक साथ आउटपुट प्रारूप, इमेज कलर सैंपलिंग, व्यक्तिगत वेट स्लाइडर के साथ छह रंग तक, और एक शेयर करने योग्य URL। कोई खाता नहीं, कोई उपयोग सीमा नहीं, कोई सर्वर अपलोड नहीं।
हर कोड कॉपी करने के लिए तैयार — और एक शेयर करने योग्य लिंक
परिणाम कार्ड मिश्रित रंग के HEX, RGB, HSL और CMYK मान प्लस निकटतम नामित CSS रंग दिखाता है, और एक क्लिक उनमें से किसी को भी क्लिपबोर्ड पर कॉपी करता है। अपने दो रंगों के बीच 2–20 समान रूप से रखे गए मध्यबिंदु स्वैच उत्पन्न करें, एक व्यक्तिगत चरण कॉपी करें, या CSS ग्रेडिएंट या डिज़ाइन-सिस्टम कलर रैम्प के लिए एक बार में पूरी अनुक्रम लें।
इंस्टॉल करने के लिए कुछ नहीं है और कोई खाता बनाने की ज़रूरत नहीं है। रंग मिश्रण, इमेज सैंपलिंग और कोड रूपांतरण सब कुछ आपके ब्राउज़र में स्थानीय रूप से होता है — आपके रंग और इमेज आपके डिवाइस पर रहती हैं। ऑनलाइन कलर मिक्सर को बुकमार्क करें और एक पूर्ण नो-अपलोड कलर वर्कफ़्लो के लिए UtiloKit पर कलर पैलेट जेनरेटर और कंट्रास्ट चेकर के साथ जोड़ें।
Frequently asked questions
ऑनलाइन दो रंग कैसे मिलाएं?
स्वैच से अपने दो रंग चुनें या hex कोड टाइप करें, एक मिश्रण मॉडल चुनें (पेंट/व्यवकलनात्मक, प्रकाश/योगात्मक, या सरल रैखिक मिश्रण) और अनुपात स्लाइडर खींचें — जैसे 30% / 70% — यह नियंत्रित करने के लिए कि प्रत्येक रंग परिणाम में कितना योगदान देता है। मिश्रित रंग और उसके HEX, RGB, HSL और CMYK कोड तुरंत अपडेट होते हैं; किसी भी प्रारूप पंक्ति पर क्लिक करें उसे क्लिपबोर्ड पर कॉपी करने के लिए।
कौन से दो रंग मिलकर हरा बनाते हैं?
जब आप पेंट या पिगमेंट मिलाते हैं तो नीला और पीला हरा बनाते हैं (व्यवकलनात्मक मिश्रण)। मॉडल को व्यवकलनात्मक पर सेट करें और #2563EB जैसे नीले को #FACC15 जैसे पीले के साथ मिलाएं तो #61A73A के आसपास एक हरा मिलेगा। स्क्रीन पर जहाँ आप प्रकाश मिलाते हैं (योगात्मक), नियम अलग हैं — लाल + हरा प्रकाश = पीला, और तीनों अधिकतम तीव्रता पर = सफेद।
योगात्मक और व्यवकलनात्मक रंग मिश्रण में क्या अंतर है?
योगात्मक मिश्रण प्रकाश को जोड़ता है: लाल, हरा और नीला चैनल जुड़ते हैं, इसलिए लाल + हरा = पीला और तीनों पूरी शक्ति पर = सफेद। स्क्रीन, प्रोजेक्टर और टीवी इसी तरह काम करते हैं। व्यवकलनात्मक मिश्रण पिगमेंट या डाई को मिलाता है जो प्रकाश की तरंग दैर्ध्य को अवशोषित करते हैं; जितना अधिक पिगमेंट, उतना गहरा। नीला + पीला = हरा, और तीनों प्राथमिक रंग मिलकर भूरा बनाते हैं। CMYK प्रिंटिंग व्यवकलनात्मक है।
दो hex रंग कैसे मिलाएं?
प्रत्येक hex कोड को उसके फ़ील्ड में टाइप करें या पेस्ट करें — # के साथ या बिना — जैसे #FF5733 और #33C1FF। मिक्सर तुरंत उन्हें वर्तमान अनुपात में मिलाता है और परिणामी hex कोड उसके RGB, HSL और CMYK समकक्षों के साथ लौटाता है। तीन अंकों का शॉर्टहैंड hex जैसे #F53 भी स्वीकार किया जाता है। कॉपी करने के लिए किसी भी परिणाम पंक्ति पर क्लिक करें।
क्या मैं किसी इमेज से रंग मिला सकता हूँ?
हाँ। 'इमेज से मिलाएं' पैनल खोलें, कोई भी फ़ोटो या डिज़ाइन स्क्रीनशॉट अपलोड करें, फिर अपने रंग स्लॉट में रंगों को सीधे इमेज से सैंपल करने के लिए कैनवास पर क्लिक करें। इमेज को आपके ब्राउज़र में JavaScript का उपयोग करके HTML कैनवास पर स्थानीय रूप से डिकोड किया जाता है — किसी भी सर्वर पर कोई डेटा अपलोड नहीं किया जाता और आपकी इमेज आपके डिवाइस पर पूरी तरह से निजी रहती है।
दो रंगों के बीच कितने ग्रेडिएंट चरण बना सकते हैं?
Steps नियंत्रण आपको अपने दो इनपुट रंगों के बीच 2 से 20 समान रूप से रखे गए स्वैच उत्पन्न करने देता है। ग्यारह चरण आपको दो एंडपॉइंट और नौ मध्यबिंदु देते हैं — CSS ग्रेडिएंट या डिज़ाइन सिस्टम के लिए पूर्ण कलर रैम्प बनाने के लिए आदर्श। एकल स्वैच पर क्लिक करके उसका hex कोड कॉपी करें, या पूरी अनुक्रम एक साथ लेने के लिए 'सभी कॉपी करें' उपयोग करें।
क्या यह मुफ्त है? क्या मुझे साइन अप करना होगा?
नहीं। कलर मिक्सर पूरी तरह से मुफ्त है, बिना खाते, बिना पंजीकरण, बिना पेवॉल और बिना उपयोग सीमाओं के। पेज खोलें और तुरंत मिलाना शुरू करें। यहाँ हर सुविधा — व्यवकलनात्मक और योगात्मक मॉडल, इमेज सैंपलिंग, मल्टी-कलर मिक्सिंग, ग्रेडिएंट चरण और सभी आउटपुट प्रारूप — पहली विज़िट पर ही मुफ्त में उपलब्ध है।
Related tools
सभी टूल्स देखें
नया Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
कलर पिकर और कन्वर्टर
एक रंग चुनें और उसे HEX, RGB, HSL और OKLCH में बदलें।
नया कलर कंट्रास्ट चेकर
टेक्स्ट और बैकग्राउंड रंगों के बीच WCAG AA/AAA कंट्रास्ट अनुपात जाँचें।
नया CSS ग्रेडिएंट जेनरेटर
लाइव प्रीव्यू के साथ linear, radial और conic CSS ग्रेडिएंट बनाएँ।
नया CSS Box-Shadow जेनरेटर
प्रीसेट और लाइव प्रीव्यू के साथ मल्टी-लेयर CSS box-shadow बनाएँ। CSS, value या React style तुरंत कॉपी करें।
नया कलर पैलेट जेनरेटर
complementary, analogous, triadic और monochromatic पैलेट बनाएँ।