रंग मिक्सर
दो रंगों को मिलाएं और उनके बीच के पूर्ण ग्रेडिएंट का पता लगाएं। सटीक मिश्रण पाने के लिए अनुपात समायोजित करें।
रंग 1
रंग 2
मिश्रण अनुपात — 50% रंग 1 : 50% रंग 2
मिश्रित रंग
HEX: #A79C98
RGB: rgb(167, 156, 152)
HSL: hsl(16, 8%, 63%)
ग्रेडिएंट स्केल (कॉपी करने के लिए क्लिक करें)
#FF6B6B
#E27B7A
#C48C89
#A79C98
#89ACA6
#6CBDB5
#4ECDC4
इस टूल के बारे में
कलर मिक्सर दो हेक्स रंगों को RGB स्थान में मिलाता है, 0% से 100% के बीच किसी भी अनुपात में एक चिकना मिश्रण बनाता है। ग्रेडिएंट स्केल दोनों रंगों के बीच 7 समान रूप से दूरी वाले चरण दिखाता है।
RGB मिश्रण वही ऑपरेशन है जो एक ब्राउज़र रंगों को संयोजित करते समय करता है — गणितीय रूप से सटीक और अनुमानित। 50% पर मिश्रित रंग RGB स्थान में दोनों रंगों के बीच का वास्तविक मध्यबिंदु है।
कैसे उपयोग करें
- रंग पिकर का उपयोग करके या सीधे हेक्स कोड टाइप करके दो रंग चुनें।
- क्लासिक रंग संयोजनों को आज़माने के लिए प्रीसेट बटन का उपयोग करें।
- मिश्रण समायोजित करने के लिए अनुपात स्लाइडर खींचें। 0% रंग 1 देता है; 100% रंग 2 देता है।
- कोई रंग कॉपी करने के लिए किसी भी ग्रेडिएंट स्वॉच या HEX कॉपी बटन पर क्लिक करें।
उपयोग के मामले
UI डिज़ाइनर होवर, सक्रिय और अक्षम स्थितियों के लिए ब्रांड के मुख्य रंग को सफेद या काले के साथ मिलाते हैं। मोशन डिज़ाइनर कीफ्रेम एनिमेशन के लिए मध्यवर्ती रंग चुनते हैं। फ्रंटएंड डेवलपर ग्राफिक एडिटर के बिना ग्रेडिएंट स्टॉप बनाते हैं।
अक्सर पूछे जाने वाले प्रश्न
- क्या यह CSS ग्रेडिएंट जैसा है? — हाँ। CSS linear-gradient भी डिफ़ॉल्ट रूप से sRGB में मिलाता है। यहाँ दिखाए गए चरण CSS ग्रेडिएंट के मध्यवर्ती बिंदुओं से बिल्कुल मेल खाते हैं।
- लाल और नीला मिलाने पर बैंगनी क्यों नहीं बनता? — RGB में, लाल (#ff0000) और नीला (#0000ff) 50% पर #7f007f (गहरा मैजेंटा) देते हैं। जीवंत बैंगनी के लिए लाल को #8000ff जैसे नीले-बैंगनी के साथ मिलाना होगा।
- क्या मुझे अधिक ग्रेडिएंट चरण मिल सकते हैं? — स्केल हमेशा 7 चरण दिखाता है। किसी विशिष्ट मध्यवर्ती बिंदु की जाँच करने के लिए अनुपात स्लाइडर का उपयोग करें।
- क्या यह अल्फा/पारदर्शिता का समर्थन करता है? — नहीं, यह टूल केवल ठोस हेक्स रंगों के साथ काम करता है।