Color Tools

Color Mixer Generator

हमारे color mixer generator online का उपयोग करके आसानी से कस्टम शेड्स ब्लेंड करें। दो या अधिक Hex या RGB कलर कोड्स को मिलाएं, प्रतिशत ब्लेंड रेश्यो को एडजस्ट करें और रियल-टाइम में कैलकुलेटेड आउटपुट कलर्स का पूर्वावलोकन करें।

sRGB Blended Result

#000000

RGB: 0, 0, 0 | HSL: 0°, 0%, 0%

Space Algorithm
WCAG Contrast Compliance
White Text21.00:1 ✓ Pass
Black Text1.00:1 ✕ Low

Source Colors & Weight Ratios

3 Active Slots
Ratio Weight1x
Ratio Weight1x
Ratio Weight1x

इस टूल का उपयोग क्यों करें?

इस टूल का उपयोग क्यों करें?

हर टूल पेज पर बताया गया है कि टूल क्या करता है, इसका उपयोग कैसे करें और सामान्य प्रश्नों के उत्तर।

इसका उपयोग कैसे करें

इसका उपयोग कैसे करें

  1. चरण 1

    इनपुट बेस कलर्स सेट करें

    Hex codes (#HEX) का उपयोग करके दो या अधिक बेस कलर्स इनपुट करें या इंटरैक्टिव कलर पिकर पर क्लिक करें।
  2. चरण 2

    मिक्सिंग रेश्यो को एडजस्ट करें

    अंतिम मिक्स में प्रत्येक रंग के सापेक्ष वेट या प्रतिशत को सेट करने के लिए रेश्यो स्लाइडर्स को एडजस्ट करें।
  3. चरण 3

    कलर स्पेस एल्गोरिदम चुनें

    चैनल इंटरपोलेशन की गणना कैसे की जाती है, इसे बदलने के लिए sRGB, Linear RGB, OKLAB, या HSL के बीच चयन करें।
  4. चरण 4

    स्निपेट्स कॉपी करें या फाइलें एक्सपोर्ट करें

    ब्लेंड किए गए Hex, RGB, या CSS color-mix() कोड को कॉपी करें, या PNG, SVG, या JSON स्वाच फाइलों को एक्सपोर्ट करें।

ऑनलाइन कलर मिक्सर इंजन कैसे काम करता है

हमारा online color mixer टूल sRGB, Linear RGB, OKLAB और HSL सहित कई कलर स्पेस एल्गोरिदम में कलर चैनलों को गणितीय रूप से इंटरपोलिट करके ब्लेंडेड परिणाम की गणना करता है। रेश्यो स्लाइडर्स को एडजस्ट करके, डिजाइनर्स और डेवलपर्स सटीक मध्यवर्ती Hex कोड्स की गणना कर सकते हैं और फ्रंट-एंड स्टाइलशीट्स के लिए मान्य W3C CSS color-mix() स्ट्रिंग्स जनरेट कर सकते हैं।

फोटो और वेक्टर ग्राफिक्स से रंग एक्सट्रैक्ट करना

Image capability वाले color mixer generator का उपयोग करके, आप किसी भी ग्राफिक फाइल या फोटो को अपलोड कर सकते हैं। अंतर्निहित सेम्पलर सीधे आपके मिक्सिंग कैनवास पर प्रमुख कलर स्वाचेज एक्सट्रैक्ट करता है, जिससे आप ब्रांड कलर्स, फोटोग्राफ टोन्स या इलस्ट्रेशन पैलेट्स को आसानी से मिला सकते हैं।

फीचर्स की जानकारी

आधुनिक CSS इंटिग्रेशन

Hex, RGB, और HSL मानों के साथ मानक W3C CSS color-mix() फ़ंक्शन सिंटैक्स और CSS कस्टम प्रॉपर्टीज जनरेट करें।

इमेज और SVG कलर एक्सट्रैक्शन

इनपुट ब्लेंडिंग वेट के रूप में उपयोग करने के लिए अपलोड की गई PNG, JPG, या SVG फाइलों से सीधे प्रमुख पैलेट रंग एक्सट्रैक्ट करें।

परसेप्टुअल कलर स्पेस ब्लेंडिंग

सटीक कलर मिक्सिंग के लिए मानक डिजिटल sRGB, फोटोमेट्रिक Linear RGB, और परसेप्टुअल OKLAB एल्गोरिदम के बीच स्विच करें।

मल्टी-फॉर्मेट फाइल एक्सपोर्ट

कैलकुलेटेड स्वाचेज को हाई-रिज़ॉल्यूशन PNG इमेज कार्ड, स्केलेबल वेक्टर SVG ग्राफिक्स, या स्ट्रक्चर्ड JSON डेटा फाइलों के रूप में डाउनलोड करें।

आप इसका उपयोग किन कामों के लिए कर सकते हैं?

वेब एवं UI डिज़ाइन

कस्टम वेटिंग रेश्यो का उपयोग करके इंटरमीडिएट होवर स्टेट कलर्स, डिसेबल्ड बटन टोन्स और सुलभ UI थीम्स की गणना करें।

डिजिटल इलस्ट्रेशन एवं ब्रांडिंग

ब्रांड पैलेट एक्सटेंशन और डिजिटल आर्टवर्क टोन्स का पूर्वावलोकन करने के लिए डिजिटली रूप से भौतिक पेंट मिक्सिंग रेश्यो का अनुकरण करें।

टूल की जानकारी

टूल का प्रकारइफैक्टिव वेब कलर ब्लेंडर
समर्थित इनपुट फॉर्मेटHEX, RGB, HSL, PNG, JPG, SVG
समर्थित कलर स्पेसsRGB, Linear RGB, OKLAB, HSL
एक्सपोर्ट विकल्पPNG Swatch, SVG Vector, JSON Data, CSS Code
प्रोसेसिंग मॉडल100% ब्राउज़र में (क्लाइंट-साइड)

लाभ

  • ग्राफिक्स सॉफ्टवेयर इंस्टॉल किए बिना तुरंत गणितीय रूप से सटीक कलर ब्लेंड्स जनरेट करें।
  • आधुनिक वेब एप्लिकेशन स्टाइलशीट्स में सीधे मानक CSS color-mix() सिंटैक्स कॉपी करें।
  • सफेद और काले टेक्स्ट ओवरले के लिए रियल टाइम में WCAG टेक्स्ट कंट्रास्ट एक्सेसिबिलिटी रेश्यो जांचें।
  • अपलोड की गई इमेज या SVG वेक्टर्स से सीधे ब्रांड स्वाचेज एक्सट्रैक्ट करें।

सीमाएँ

  • OKLAB जैसे जटिल परसेप्टुअल स्पेस को वेब ब्राउज़र रेंडरिंग के लिए डिजिटल रूप से अनुमानित किया जाता है।
  • कलर एक्सट्रैक्शन के लिए अपलोड की गई बड़ी इमेज फाइलों में ब्राउज़र हार्डवेयर के आधार पर कुछ सेकंड का समय लग सकता है।

क्लाइंट-साइड प्राइवेसी गारंटी

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

कोई सर्वर स्टोरेज नहीं

यह ऑनलाइन color blender टूल पेज लोड होने के बाद पूरी तरह से ऑफलाइन काम करता है। कोई भी यूजर डेटा, पैलेट प्राथमिकताएं, या अपलोड की गई इमेजरी लॉग या ट्रैक नहीं की जाती हैं।

टिप्स

  • नए मैचिंग ब्लेंड पार्टनर्स की खोज करने के लिए Randomize पर क्लिक करने से पहले लॉक आइकन का उपयोग करके विशिष्ट पसंदीदा रंगों को लॉक करें।
  • रियलिस्टिक लाइटिंग, 3D रेंडरिंग, या डिजिटल कैनवास पेंटिंग के लिए बने रंगों को ब्लेंड करते समय Linear RGB मोड का उपयोग करें।

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

ऑनलाइन कलर मिक्सर ब्लेंडेड रंगों की गणना कैसे करता है?

यह सटीक मध्यवर्ती Hex कोड की गणना करने के लिए कलर स्पेस एल्गोरिदम (जैसे sRGB, Linear RGB, या OKLAB) में आपके चुने गए प्रतिशत वेट के आधार पर रेड, ग्रीन और ब्लू चैनलों को इंटरपोलिट करता है।

क्या मैं वेब डेवलपमेंट के लिए सीधे CSS color-mix() कोड कॉपी कर सकता हूँ?

हाँ। यह टूल आधुनिक CSS स्टाइलशीट्स में सीधे उपयोग के लिए मानक color-mix(in srgb, color1 ratio%, color2) सिंटैक्स आउटपुट करता है।

क्या मैं अपलोड की गई फोटो से एक्सट्रैक्ट किए गए रंगों को मिला सकता हूँ?

हाँ। टारगेट स्वाचेज का सेम्पल लेने और उन्हें तुरंत मिलाने के लिए Image Extractor टैब के तहत कोई इमेज या SVG फाइल अपलोड करें।

मैं अपने मिक्स्ड कलर्स को किन फाइल फॉर्मेट में एक्सपोर्ट कर सकता हूँ?

आप कैलकुलेटेड कलर पैलेट्स को PNG इमेज कार्ड, SVG वेक्टर फाइलों, JSON डेटा स्ट्रक्चर्स, या रॉ CSS कोड स्निपेट्स के रूप में एक्सपोर्ट कर सकते हैं।

क्या यह color blender generator टूल बिना अकाउंट के उपयोग करने के लिए मुफ्त है?

हाँ, यह टूल 100% मुफ्त है, इसके लिए किसी साइन-अप या रजिस्ट्रेशन की आवश्यकता नहीं है, और यह पूरी तरह से आपके वेब ब्राउज़र के अंदर काम करता है।