SVG टूल

SVG रंग

SVG में इस्तेमाल हुए रंग खोजें और एक ही रंग को सभी जगह बदलकर आइकन व चित्रों को नया रूप दें।

आपकी SVG सामग्री केवल आपके ब्राउज़र में संसाधित होती है। इसे सर्वर पर अपलोड नहीं किया जाता।

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

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

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

  1. SVG फ़ाइल चुनें या उसका स्रोत पेस्ट करें, फिर रंग पढ़ने का बटन दबाएँ।
  2. मूल रंग, उसका नमूना और उपयोग की संख्या देखें। जिन रंगों को बदलना है, उनके लिए नए रंग चुनें।
  3. रंगों में बदलाव लागू करें और भराव, बाहरी रेखा तथा ग्रेडिएंट जाँचें।
  4. रंग सही लगने पर परिणाम कॉपी करें या edited-colors.svg डाउनलोड करें।

सुविधाएँ

  • fill, stroke, stop-color, flood-color और lighting-color में दिए सामान्य रंग पहचानता है।
  • हेक्स कोड, rgb, rgba और सामान्य रंग नामों के साथ-साथ एट्रिब्यूट व सामान्य शैली सेटिंग में दिए रंगों का समर्थन करता है।
  • केवल रंग बताने वाली सेटिंग बदलती हैं। पाठ, एलिमेंट ID या लिंक में वही शब्द होने पर वे नहीं बदलते।

कौन-से मान सामान्य रंगों की तरह नहीं बदलते?

  • none का अर्थ है रंग न भरना, currentColor वर्तमान पाठ का रंग लेता है और url(#gradient) फ़ाइल के भीतर दिए ग्रेडिएंट या पैटर्न को चुनता है। इन मानों को सामान्य रंगों की तरह नहीं बदला जाता।
  • ग्रेडिएंट बदलने के लिए उसके अलग-अलग रंग बिंदु बदलने होते हैं। यदि रंग जटिल शैली नियमों से मिलते हों या कोई शैली समर्थित न हो, तो सूची में अंतिम चित्र के सभी रंग दिखाई नहीं देंगे।
  • मुख्य डाउनलोड में मूल फ़ाइल की बिना बदली सामग्री, टिप्पणियाँ और मेटाडेटा बने रहते हैं। स्क्रिप्ट या बाहरी संदर्भ भी रह सकते हैं। प्रीव्यू में इन्हें फ़िल्टर किया जाता है; आप सुरक्षा फ़िल्टर वाली SVG अलग से भी डाउनलोड कर सकते हैं।

SVG सुरक्षा संबंधी जानकारी

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

SVG फ़ाइल या UTF-8 सोर्स कोड की सीमा 2 MiB है। तत्वों और टेक्स्ट सहित अधिकतम 20000 नोड और नेस्टिंग के 96 स्तर हो सकते हैं। बहुत बड़ी या जटिल फ़ाइल को पहले सरल करें।

निजता

आपकी SVG सामग्री केवल आपके ब्राउज़र में संसाधित होती है। इसे सर्वर पर अपलोड नहीं किया जाता।

इनपुट और परिणाम अपने आप नहीं सहेजे जाते। टूल खाली करने या पेज छोड़ने से पहले ज़रूरी फ़ाइलें डाउनलोड करें और मूल प्रति संभालकर रखें।

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

कुछ SVG रंग सीधे क्यों नहीं बदलते?

कुछ रंग साझा शैली नियमों, वर्तमान पाठ के रंग, ग्रेडिएंट या जटिल शैलियों से आते हैं। उनके लिए सीधे बदलने योग्य स्थिर रंग मौजूद नहीं होता। पहले रंगों की सूची और प्रीव्यू जाँचें।

currentColor क्या है?

यह किसी तय हेक्स रंग के बजाय वर्तमान पाठ का रंग इस्तेमाल करता है, इसलिए इसे सामान्य रंग की तरह नहीं बदला जाता।

url(#gradient) सामान्य रंग क्यों नहीं है?

यह SVG के भीतर दिए ग्रेडिएंट या पैटर्न का संदर्भ है। रंग बदलने के लिए ग्रेडिएंट के अलग-अलग रंग बिंदु बदलें।

क्या रंग बदलने से SVG की संरचना बदलती है?

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

डेवलपर टूल की श्रेणी सूची पर वापस जाएँ