सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें
बग रिपोर्ट करें

डिज़ाइन · लोकल उपयोगिता

रंग मिक्सर

Color Mixer

दो रंग डालें और मिलान का नतीजा रियल-टाइम में देखें — नए मान तुरंत कॉपी या डाउनलोड करें; शुरुआत के लिए सैंपल ब्लेंड भी मौजूद है।

टास्क पथ / इनपुट से परिणाम तक

दोनों रंग डालें

लोकल रूप से चलता है · कुछ भी अपलोड नहीं होता

रंग मिक्सर कैसे काम करता है, निजता और संबंधित टूल

टास्क पथ / इनपुट से परिणाम तक

दो रंग कैसे मिलाएं

  1. 01

    दोनों रंग डालें

    पहला रंग और दूसरा रंग hex मानों से भरें — #RGB, #RGBA, #RRGGBB और #RRGGBBAA सब स्वीकृत हैं, इसलिए पारभासी इनपुट भी ठीक हैं। वर्कस्पेस #22C55E के सामने #6D5EF8 के साथ खुलता है।

  2. 02

    गणना

    गणना विधि चुनें: भारित मिश्रण एनकोडेड sRGB चैनलों को प्रीमल्टीप्लाइड अल्फ़ा के साथ इंटरपोलेट करता है। कम्पोज़िट पहले रंग को दूसरे के ऊपर रखता है; क्रम मायने रखता है और इस मोड में वज़न स्लाइडर नहीं होता।

  3. 03

    रंग मिलाएं

    भारित मिश्रण में दूसरे रंग का वज़न 0% (सिर्फ पहला) से 100% (सिर्फ दूसरा) तक रखें, फिर रंग मिलाएं दबाएं। कम्पोज़िट में यही बटन पहली परत को दूसरी के ऊपर रखता है। रंग, विधि या वज़न बदलने पर पुराना परिणाम मिट जाता है।

  4. 04

    नतीजा पैनल पढ़ें

    HEX, RGBA, CSS और पूर्वावलोकन 8-बिट चैनल और अल्फ़ा साझा करते हैं। पारदर्शिता पेज के ऊपर दिखाई जाती है; आउटपुट अल्फ़ा बनाए रखता है।

  5. 05

    नमूना मिश्रण आज़माएं

    #F97316 को #7C3AED के साथ 35% वज़न पर मिलाने के लिए नमूना लोड करें दबाएं — बैंगनी की ओर झुकता गर्म संतरी — ताकि पूरा प्रवाह दिखे। रीसेट 50% पर डिफ़ॉल्ट जोड़ी लौटाता है।

  6. 06

    नतीजा कॉपी या डाउनलोड करें

    दोनों स्रोत रंगों, विधि, sRGB कलर स्पेस, HEX, RGBA और एक CSS डिक्लेरेशन के साथ toolars-color-mix.json कॉपी या डाउनलोड करें। secondColorWeight सिर्फ़ भारित मिश्रण के लिए शामिल है। सभी आउटपुट रूप एक ही 8-बिट नतीजा साझा करते हैं।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

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

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

रंग मिक्सर असल में क्या करता है

ब्रांड के बैंगनी और हरे रंग के बीच का रंग चाहिए तो भारित मिश्रण में दूसरे रंग का प्रतिशत बदलें। पारदर्शी परत को किसी पृष्ठभूमि पर जांचने के लिए कम्पोज़िट चुनें: परत पहले, पृष्ठभूमि दूसरे स्थान पर। JSON निर्यात से पहले इच्छित पृष्ठभूमि पर अल्फ़ा और पूर्वावलोकन देखें; दोनों विधियां अलग सवाल हल करती हैं।

आम सवाल

वज़न स्लाइडर कैसे काम करता है?
स्लाइडर केवल भारित मिश्रण में दिखता है। 0% पर पहला रंग, 100% पर दूसरा रंग मिलता है। बीच में एनकोडेड sRGB चैनल प्रीमल्टीप्लाइड अल्फ़ा से इंटरपोलेट होकर 8-बिट परिणाम में गोल होते हैं। कम्पोज़िट वज़न अनदेखा करके पहला रंग दूसरे के ऊपर रखता है।
क्या मिक्सर पारदर्शिता संभालता है?
हाँ। भारित मिश्रण पूर्वगुणित अल्फा से रंग मिलाता है; संयोजन पहला रंग दूसरे के ऊपर रखता है। इच्छित पृष्ठभूमि पर अल्फा और परतों का क्रम जाँचें।
चैनल कैसे गोल किए जाते हैं?
HEX, RGBA, CSS और पूर्वावलोकन 8-बिट चैनल और अल्फ़ा साझा करते हैं। पारदर्शिता पेज के ऊपर दिखाई जाती है; आउटपुट अल्फ़ा बनाए रखता है।
नतीजा पैनल क्यों खाली हुआ?
किसी भी रंग, गणना विधि या वज़न को बदलने पर पुराना परिणाम हट जाता है, ताकि उसे वर्तमान सेटिंग का परिणाम न समझें। नए परिणाम के लिए रंग मिलाएं फिर दबाएं।
एक्सपोर्ट में ठीक-ठीक क्या होता है?
दोनों स्रोत रंगों, विधि, sRGB कलर स्पेस, HEX, RGBA और एक CSS डिक्लेरेशन के साथ toolars-color-mix.json कॉपी या डाउनलोड करें। secondColorWeight सिर्फ़ भारित मिश्रण के लिए शामिल है। सभी आउटपुट रूप एक ही 8-बिट नतीजा साझा करते हैं।
क्या डेटा कहीं भेजा जाता है?
नहीं। मिश्रण पूरी तरह इस ब्राउज़र टैब में गिना जाता है, इनपुट और नतीजे कभी उससे बाहर नहीं जाते, और किसी खाते की ज़रूरत नहीं।

पढ़ते रहें

डिज़ाइन में जारी रखें

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

CSS लोडिंग एनिमेशन जनरेटर

CSS Loader Generator

लोडिंग स्पिनर की स्टाइल, फ़्रेम साइज़, स्ट्रोक, रफ़्तार और रंग विज़ुअली सेट करें; तैयार CSS कॉपी या डाउनलोड करें और सीधे अपने मार्कअप में जोड़ें।

बनाएँ

CSS चेकबॉक्स जनरेटर

CSS Checkbox Generator

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

बनाएँ

CSS टॉगल स्विच जनरेटर

CSS Switch Generator

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

बनाएँ

CSS क्लिप पाथ जनरेटर

CSS Clip Path Generator

खींचकर, कीबोर्ड या निर्देशांक से बिंदु संपादित करें। चार प्रीसेट से शुरू करके clip-path घोषणा या पूरा CSS स्थानीय रूप से कॉपी करें।

बनाएँ