कलर मिक्सर

अपने ब्राउज़र में दो रंगों को अनुपात स्लाइडर से मिलाएँ और उनके बीच की पूरी 11-चरणीय शृंखला देखें।

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

  1. पिकर से दोनों रंग चुनें, या #ffcc00 और #0044cc जैसे हेक्स कोड टाइप करें।
  2. मिलाने का तरीक़ा चुनें — रोशनी के लिए RGB, जैसे स्क्रीन मिलाती हैं, या घटाव के अनुमान के लिए पेंट — और अनुपात तय करने के लिए स्लाइडर खिसकाएँ।
  3. Inspect the blended colour: its hex and RGB values appear below, and the 11-step gradient shows every shade between the two inputs.

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

दो रंगों को दो बिलकुल अलग तरीक़ों से मिलाया जा सकता है, और यह टूल दोनों दिखाता है। स्क्रीन रोशनी मिलाती हैं: वे लाल, हरे और नीले को जोड़ती हैं, इसीलिए लाल और हरी रोशनी मिलकर पीली बनती है और इसीलिए इस पेज का हर रंग आख़िरकार एक RGB त्रिक है। पेंट उलटा मिलता है: हर रंगद्रव्य उस पर पड़ती सफ़ेद रोशनी में से कुछ तरंगदैर्घ्य घटा देता है, इसीलिए “पीला और नीला” का स्कूली जवाब हरा है, और इसीलिए वही दो रंग रोशनी के रूप में मिलाने पर हरे के बजाय एक तटस्थ धूसर देते हैं। ग़लत मानसिक मॉडल चुनना ही आम वजह है कि मिलाया हुआ रंग उम्मीद से ज़्यादा मटमैला या ज़्यादा फीका निकलता है।

RGB मोड ठीक वही करता है जो कहता है: वह तीनों चैनलों को दोनों रंगों के बीच रैखिक रूप से इंटरपोलेट करता है, उसी sRGB स्पेस में जिसे आपका CSS और डिज़ाइन टूल इस्तेमाल करते हैं, इसलिए #ff0000 और #0000ff के बीच 50% पर #800080 मिलता है। पेंट मोड पहले दोनों रंगों को कलाकार के रंग-चक्र वाले RYB स्पेस में बदलता है, वहीं इंटरपोलेट करता है, और नतीजे को वापस RGB में लाता है — यही बदलाव पीले और नीले को हरे पर मिलाता है। पर समझ लें कि यह मोड क्या है और क्या नहीं: असली रंगद्रव्यों का मिलना अवशोषण और प्रकीर्णन (कुबेल्का-मुंक मॉडल) से तय होता है और अपारदर्शिता, कण के आकार तथा बाइंडर पर निर्भर करता है, इसलिए कोई भी रैखिक सूत्र उसे दोहरा नहीं सकता। पेंट मोड रंग-चक्र का ईमानदार मॉडल है, असली पेंट का सिमुलेशन नहीं।

नतीजे के नीचे की 11-चरणीय शृंखला अक्सर अकेले मिश्रित रंग से ज़्यादा काम की होती है: वह एक रंग से दूसरे तक की पूरी ढलान 10% के अंतराल में देती है, जो ग्रेडिएंट स्टॉप, दो ब्रांड रंगों के बीच की मध्यवर्ती अवस्थाओं, या किसी क्रमिक चार्ट पैलेट के चरणों के रूप में तुरंत इस्तेमाल हो सकती है। किसी भी स्वैच पर क्लिक करके उसका हेक्स कॉपी करें। सब कुछ — कन्वर्ज़न, इंटरपोलेशन और पूरी शृंखला — आपके ब्राउज़र में सादे JavaScript से 100% गिना जाता है; आप जो रंग टाइप करते हैं वह कहीं नहीं भेजा जाता।

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

RGB और पेंट मोड में क्या अंतर है?

RGB रोशनी को जोड़कर मिलाता है, जैसे स्क्रीन करती है, इसलिए वह हर चैनल को सीधे इंटरपोलेट करता है; पेंट कलाकार के RYB चक्र के ज़रिए घटाव वाले मिश्रण का अनुमान लगाता है। पक्का इम्तिहान है पीला और नीला: RGB एक तटस्थ धूसर देता है, पेंट हरा।

क्या पेंट मोड वही देगा जो मेरी पैलेट पर होता है?

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

अनुपात स्लाइडर असल में क्या नियंत्रित करता है?

वह तय करता है कि मिश्रण में हर रंग कितना जाएगा: 30% पर नतीजा 70% रंग A और 30% रंग B होता है। 0% और 100% पर आपको दोनों मूल रंग ज्यों के त्यों वापस मिलते हैं।

11-चरणीय शृंखला किस काम की है?

यह दोनों रंगों के बीच की पूरी ढलान है, 10% के चरणों में — ग्रेडिएंट स्टॉप, hover और active अवस्थाओं, चार्ट पैलेट या कहीं भी जहाँ एक जैसे मध्यवर्ती रंग चाहिए, इसके लिए बड़ी काम की। किसी चरण पर क्लिक करने से उसका हेक्स कोड कॉपी हो जाता है।

क्या मेरे रंग मेरे ब्राउज़र से बाहर जाते हैं?

नहीं। मिलाने का पूरा काम आपके डिवाइस पर JavaScript में चलता है — आप जो हेक्स कोड टाइप करते हैं वे कभी किसी सर्वर पर अपलोड, लॉग या सहेजे नहीं जाते।

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

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

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

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

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