कलर मिक्सर

RGB या Lab कलर स्पेस में चुने गए अनुपात पर दो HEX रंगों को मिलाएँ और परिणामी मध्य रंग को एक स्वैच और कॉपी करने योग्य HEX मान के रूप में पढ़ें।

टूल लोड हो रहा है…

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

कलर मिक्सर क्या है?

कलर मिक्सर एक मुफ़्त ऑनलाइन टूल है जो दो रंगों के बीच इंटरपोलेट करके आपको बीच का रंग देता है। आप रंग A और रंग B को HEX के रूप में दर्ज करते हैं (#rrggbb या #rgb शॉर्टहैंड दोनों चलते हैं), अनुपात नियंत्रण को 0% (पूरा रंग A) से 100% (पूरा रंग B) तक ले जाते हैं, और कलर स्पेस चुनते हैं: RGB कच्चे चैनलों को सीधे मिलाता है, जबकि Lab एक परसेप्चुअल स्पेस में मिलाता है जो आमतौर पर मध्यबिंदु को अधिक स्वाभाविक दिखाता है और गंदले धूसर रंगों से बचाता है। डिज़ाइनर, फ्रंट-एंड डेवलपर और इलस्ट्रेटर इसका उपयोग दो ब्रांड रंगों के बीच मिडटोन खोजने, चिकनी दो-रंग रैंप बनाने, हॉवर या बॉर्डर टिंट निकालने, या यह देखने के लिए करते हैं कि दो पेंट या ग्रेडिएंट स्टॉप बीच में कैसे मिलेंगे। परिणाम एक बड़े स्वैच के रूप में दिखाया जाता है, जिसके नीचे एक केवल-पढ़ने योग्य HEX फ़ील्ड होता है जिसे आप एक क्लिक से कॉपी कर सकते हैं।

कलर मिक्सर का उपयोग कैसे करें

  1. अपना पहला रंग रंग A (HEX) फ़ील्ड में और दूसरा रंग B (HEX) फ़ील्ड में #rrggbb या #rgb प्रारूप में टाइप करें या पेस्ट करें।
  2. अनुपात स्लाइडर को खींचें (या कोई संख्या टाइप करें) ताकि तय हो सके कि रंग B कितना मिलाया गया है: 0% रंग A देता है, 100% रंग B देता है, 50% बराबर मध्यबिंदु है।
  3. RGB / Lab स्विच से मिश्रण स्पेस चुनें — अधिक परसेप्चुअल रूप से समान मिश्रण के लिए Lab चुनें, या चैनल-दर-चैनल शाब्दिक औसत के लिए RGB।
  4. पूर्वावलोकन स्वैच को लाइव अपडेट होते देखें और उसके नीचे मिश्रित रंग का HEX मान पढ़ें।
  5. मिश्रित HEX को अपने क्लिपबोर्ड पर कॉपी करने के लिए परिणाम के बगल वाले कॉपी बटन पर क्लिक करें।

उदाहरण

लाल और नीले का बराबर RGB मध्यबिंदु

इनपुट

A #ff0000, B #0000ff, ratio 50%, RGB

आउटपुट

#800080

ज़्यादातर सफ़ेद की ओर

इनपुट

A #4f86f7, B #ffffff, ratio 75%, RGB

आउटपुट

#d3e1fd

दो संतृप्त रंगों पर Lab बनाम RGB

#00a000 को #d000d0 के साथ 50% पर मिलाएँ। RGB में आपको एक फीका मिश्रित टोन मिलता है, जबकि Lab पर स्विच करने से एक ऐसा मध्यबिंदु बनता है जो दोनों रंगों के बीच आँख की अपेक्षा से बेहतर मेल खाता है — उन दो-रंग ग्रेडिएंट के लिए उपयोगी जो बीच में गंदले नहीं होने चाहिए।

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

RGB और Lab विकल्पों में क्या अंतर है?
RGB लाल, हरे और नीले चैनलों को स्वतंत्र रूप से मिलाता है, जो तेज़ है और बिल्कुल वैसे ही मेल खाता है जैसे CSS रंगों का औसत निकालता है, लेकिन दूर के रंगों के लिए फीके धूसर में ढल सकता है। Lab दोनों रंगों को परसेप्चुअल CIELAB स्पेस में बदलता है, वहाँ इंटरपोलेट करता है, और वापस बदलता है, जो आमतौर पर मध्यबिंदु को अधिक चमकीला और आपकी आँख की अपेक्षा के करीब रखता है। दोनों #rrggbb परिणाम देते हैं।
अनुपात नियंत्रण का क्या अर्थ है?
अनुपात यह है कि मिश्रण में रंग B कितना है। 0% पर परिणाम रंग A के बराबर होता है, 100% पर यह रंग B के बराबर होता है, और 50% पर यह दोनों के बीच का बराबर मध्यबिंदु होता है। आप स्लाइडर खींच सकते हैं या सटीक प्रतिशत टाइप कर सकते हैं।
मैं कौन-से रंग प्रारूप दर्ज कर सकता हूँ?
दोनों इनपुट #rrggbb (छह अंक) या #rgb (तीन-अंकीय शॉर्टहैंड) रूप में HEX स्वीकार करते हैं। यदि कोई भी मान वैध HEX रंग नहीं है, तो एक त्रुटि संदेश दिखता है और जब तक दोनों वैध न हों कोई मिश्रण नहीं दिखाया जाता। आउटपुट हमेशा एक #rrggbb HEX मान होता है।
क्या मैं मिश्रित रंग को वर्कस्पेस चेन में इस्तेमाल कर सकता हूँ?
हाँ। परिणाम एक आउटपुट पोर्ट के रूप में उपलब्ध कराया जाता है, इसलिए deftdeck वर्कस्पेस में आप मिश्रित HEX को सीधे किसी अन्य टूल में जोड़ सकते हैं, और जब भी आप कोई रंग, अनुपात या कलर स्पेस बदलते हैं, यह स्वचालित रूप से अपडेट हो जाता है।
क्या मेरे रंग कहीं भेजे जाते हैं?
नहीं। सारी मिश्रण गणना आपके ब्राउज़र में स्थानीय रूप से चलती है, इसलिए आपके रंग मान कभी किसी सर्वर पर अपलोड नहीं होते। यह टूल ऑफ़लाइन काम करता है और आपकी पैलेट को निजी रखता है।

संबंधित टूल

कोड से इमेज

अपने ब्राउज़र में ही किसी कोड स्निपेट को सिंटैक्स-हाइलाइट किए हुए सुंदर PNG कार्ड में बदलें — थीम, ग्रेडिएंट या पारदर्शी पृष्ठभूमि और पैडिंग के साथ, बिना किसी अपलोड के।

रंग कंट्रास्ट चेकर

किसी फोरग्राउंड और बैकग्राउंड HEX रंग के बीच WCAG कंट्रास्ट अनुपात जाँचें और देखें कि यह सामान्य तथा बड़े टेक्स्ट दोनों के लिए AA और AAA पास करता है या नहीं।

कलर शेड्स जेनरेटर

एक बेस HEX रंग को Tailwind शैली के 50-950 शेड स्केल में बदलें, जो सफेद और काले की ओर मिलाकर बनता है, हर चरण में एक स्वैच और कॉपी करने योग्य HEX के साथ।

वर्णांधता सिम्युलेटर

कोई छवि अपलोड करें और देखें कि वह प्रोटैनोपिया, ड्यूटेरानोपिया, ट्राइटैनोपिया या पूर्ण वर्णांधता में कैसी दिखती है, फिर सिम्युलेट किया गया परिणाम डाउनलोड करें.