डेवलपर / SVG रंग
SVG रंग बदलने वाला टूल: SVG को फिर से रंगें और कॉपी करें
स्पष्ट SVG रंगों और उनके उपयोग की संख्या देखें, gradient stop और सरल CSS paint rules संपादित करें, फिर SVG डाउनलोड करें या उसका कोड कॉपी करें।
SVG रंग बदलने वाला टूल: SVG को फिर से रंगें और कॉपी करें: यह fill, stroke, stop-color, color, flood-color और lighting-color attributes, inline styles और सरल style rules में मौजूद स्पष्ट paint tokens खोजता है। Named colours, short hex, rgb() और hsl() को एक समान प्रारूप में बदला जाता है। जहाँ सुरक्षित करने के लिए बदलाव आवश्यक न हों, वहाँ replacements स्रोत के अन्य bytes को बनाए रखते हैं। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- डेवलपर टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
SVG पेंट
SVG fill, stroke और gradient stops में रंग मान और paint-server संदर्भों का उपयोग होता है। विनिर्देश: https://www.w3.org/TR/SVG2/painting.html
रंग सिंटैक्स
पार्सर नामित रंगों, hex, rgb(), hsl() और currentColor का समर्थन करता है। दिए जाने पर Alpha सुरक्षित रहता है। CSS variables और उन्नत रंग स्पेस इस टूल के पार्सर के दायरे से बाहर हैं। विनिर्देश: https://www.w3.org/TR/css-color-4/
इस्तेमाल करने का तरीका
- SVG ड्रॉप करें या उसका markup पेस्ट करें।
- हर color picker का उपयोग करें या replacement दर्ज करें; चाहें तो सभी tokens का रंग एक साथ बदलें।
- पहले और बाद के परिणामों की तुलना करें, फिर सुरक्षित किए गए SVG को डाउनलोड या कॉपी करें।
गोपनीयता और सीमाएँ
SVG कोड आपके ब्राउज़र में ही रहता है। प्रीव्यू अलग की गई इमेज के रूप में बनाए जाते हैं और असुरक्षित सामग्री व बाहरी resources हटा दिए जाते हैं।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
उपयोग की संख्या किस चीज़ की गिनती करती है?
Markup में मौजूद स्पष्ट colour tokens की, न कि रेंडर किए गए pixels की संख्या या inherited style पाने वाले elements की।
क्या gradients समर्थित हैं?
हाँ। Gradient stop colours को बदला जा सकता है, और gradient IDs या references को बदले बिना ऐसा किया जाता है।
currentColor क्या करता है?
जब SVG को inline embed किया जाता है, तब यह inherited CSS color value का उपयोग करता है। इमेज प्रीव्यू में आम तौर पर काला रंग उपयोग होता है, जब तक SVG स्वयं color निर्धारित न करे।
क्या हर CSS colour का मान निकाला जाता है?
नहीं। CSS variables, advanced colour spaces, inherited defaults और computed selector results का मान नहीं निकाला जाता। सरल declarations और selectors समर्थित हैं।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं