इमेज से ग्रेडिएंट
किसी भी फोटो से एक सुंदर ग्रेडिएंट निकालें: इमेज ड्रॉप करें, मूड चुनें, और प्रमुख रंग ड्रैगेबल ग्रेडिएंट स्टॉप बन जाएंगे। पेस्ट-रेडी CSS तुरंत कॉपी करें।
यहाँ एक इमेज ड्रैग और ड्रॉप करें
या ब्राउज़ करने के लिए क्लिक करें: आप अपने क्लिपबोर्ड से भी पेस्ट कर सकते हैं
सब कुछ आपके ब्राउज़र में चलता है: आपकी इमेज कभी अपलोड नहीं होती, कोई साइन-अप नहीं, बिल्कुल फ्री।
background: -;
इमेज से ग्रेडिएंट के बारे में
इमेज से ग्रेडिएंट जनरेटर किसी भी फोटो को एक तैयार-इस्तेमाल CSS ग्रेडिएंट में बदल देता है। एक इमेज ड्रॉप, ब्राउज़ या पेस्ट करें और यह टूल इसे कैनवस पर पढ़ता है, इसके प्रमुख रंग निकालता है और उन्हें ग्रेडिएंट स्टॉप के रूप में सजाता है जिन्हें आप तब तक खींच, फिर से रंग और पुनर्व्यवस्थित कर सकते हैं जब तक ब्लेंड मूल तस्वीर के भाव से मेल न खा जाए।
एक मूड सेलेक्टर (Colorful, Bright, Muted, Deep या Dark) बदलता है कि निकाले गए कौन से रंग स्टॉप बनते हैं, इसलिए एक ही फोटो कई बहुत अलग ग्रेडिएंट दे सकती है। आप ग्रेडिएंट टाइप (linear, radial या conic), कोण, और स्वयं स्टॉप को नियंत्रित करते हैं: एक जोड़ने के लिए बार पर क्लिक करें, फिर से स्थान देने के लिए खींचें, एक क्लिक में उलटें या घुमाएं।
पूरी प्रक्रिया आपके ब्राउज़र में चलती है; आपकी इमेज कभी सर्वर पर अपलोड नहीं होती। जब प्रीव्यू सही लगे, तो पूरा CSS नियम, सिर्फ बैकग्राउंड मान, या निकाले गए रंगों को अकेले कॉपी करें: हीरो सेक्शन, पेज बैकग्राउंड और फोटोग्राफी से बने ब्रांड विज़ुअल के लिए आदर्श।
इमेज से ग्रेडिएंट का उपयोग कैसे करें
- एक इमेज खींचकर छोड़ें, क्लिक करके ब्राउज़ करें, या अपने क्लिपबोर्ड से पेस्ट करें।
- एक मूड चुनें (Colorful, Bright, Muted, Deep या Dark) यह तय करने के लिए कि निकाले गए कौन से रंग स्टॉप बनेंगे।
- ग्रेडिएंट टाइप चुनें (linear, radial या conic) और कोण समायोजित करें।
- ब्लेंड को फाइन-ट्यून करने के लिए कलर स्टॉप खींचें; ज़रूरत पड़ने पर स्टॉप जोड़ें, हटाएं, उलटें या फेरबदल करें।
- तैयार-टू-पेस्ट ग्रेडिएंट कोड लेने के लिए "Copy CSS" पर क्लिक करें।