CSS ग्रेडिएंट जेनरेटर
रंग अउर कोण चुनत ही CSS ग्रेडिएंट के कोड के प्रीव्यू देखत-देखत बनाईं
विशेषता
प्रीव्यू अउर कोड एक्के साथ अपडेट
रंग या कोण बदलत ही रूप अउर CSS दुनों एक्के साथ बदली जाई
लीनियर, रेडियल अउर कोनिक के सपोर्ट
कोण, आकार अउर केंद्र के स्थिति तक टाइप के अनुसार बारीकी से सेट करी सकत बा
अधिकतम 10 रंग के ड्रैग से एडजस्ट
रंग के स्थिति बार पर ड्रैग से, अउर पारदर्शिता स्लाइडर से एडजस्ट करी सकत बा
8 नमूना अउर रैंडम जेनरेशन
जाना-पहचाना रंग संयोजन या रैंडम रंग संयोजन से शुरू करी के बारीकी से एडजस्ट करी सकत बा
कइसे इस्तेमाल करीं
टाइप चुनीं
लीनियर, रेडियल अउर कोनिक मा से ग्रेडिएंट के टाइप चुनीं
रंग तय करीं
रंग कोड या नमूना से रंग चुनीं, अउर "रंग जोड़ीं" से रंग बढ़ाईं के स्थिति अउर पारदर्शिता एडजस्ट करीं
दिशा एडजस्ट करीं
लीनियर मा कोण या दिशा बटन, अउर रेडियल, कोनिक मा केंद्र के स्थिति सेट करीं
कोड कॉपी करीं
"कॉपी" बटन से एक लाइन के CSS अपने स्टाइल मा पेस्ट करीं
इस्तेमाल के उदाहरण
हीरो इमेज के बैकग्राउंड बनावब
साइट के टॉप या बटन के बैकग्राउंड रंग बिना कोड लिखे तय करीं
ब्लॉग हेडिंग के रंग संयोजन चुनब
नमूना से नजदीक रंग संयोजन चुनी के लेख के हेडिंग के बैकग्राउंड ठीक करीं
फोटो पर रखे वाला ओवरले
कम पारदर्शिता वाला रंग से फोटो के ऊपर आधा पारदर्शी परत बनाईं
कई रंग के ग्रेडिएंट के एडजस्टमेंट
3 या ओसे जादा रंग के सीमा के स्थिति ड्रैग से थोड़ा-थोड़ा करी के पास ल्याईं
बुनियादी जानकारी
linear, radial अउर conic के अंतर
CSS के ग्रेडिएंट मा रंग बदलै के तरीका अलग-अलग तीन फंक्शन होत बाड़ीं, अउर सब्भे background प्रॉपर्टी मा लिखी के इस्तेमाल होत बाड़ीं।
- linear-gradient：linear-gradient एगो लीनियर ग्रेडिएंट बा, जेमे दिहल कोण के सीधी रेखा के अनुसार रंग बदलत बा।
- radial-gradient：radial-gradient एगो रेडियल ग्रेडिएंट बा, जेमे केंद्र के स्थिति से बाहर की ओर गोल या अंडाकार रूप मा रंग फैलत बा।
- conic-gradient：conic-gradient एगो कोनिक ग्रेडिएंट बा, जेमे केंद्र के स्थिति के चारों ओर घड़ी के दिशा मा एक चक्कर लगावत रंग बदलत बा।
कोण अउर दिशा के कीवर्ड के मेल
linear-gradient के कोण मा 0deg नीचे से ऊपर की ओर होत बा, अउर संख्या बढ़त गइला पर घड़ी के दिशा मा घूमत बा। कोण "to right" जइसन दिशा के कीवर्ड से भी लिखी सकत बा, अउर 90deg "to right" के बरोबर, 180deg "to bottom" के बरोबर होत बा।
रंग स्टॉप अउर पारदर्शिता लिखै के तरीका
रंग स्टॉप (कलर स्टॉप) के मतलब बा ग्रेडिएंट के अंदर ऊ स्थिति, जहाँ ओह रंग के शुरुआत होत बा, जेमे 0% शुरुआत के अउर 100% अंत के दर्शावत बा। जइसे "#3B82F6 0%, #8B5CF6 100%" के मतलब शुरुआत के नीला रंग से अंत के बैंगनी रंग तक बदलब बा।
- #RRGGBB फॉर्मेट：#RRGGBB फॉर्मेट मा लाल, हरा अउर नीला के तीव्रता के दू-दू अंक के हेक्साडेसिमल मा लिखल जात बा, अउर #FF0000 के मतलब अपारदर्शी लाल रंग बा।
- rgba फॉर्मेट：rgba फॉर्मेट मा लाल, हरा अउर नीला के मान (0 से 255) के साथ पारदर्शिता (0 से 1) जोड़ल जात बा, अउर पारदर्शिता 0.5 के मतलब आधा पारदर्शी रंग बा।
सुरक्षा अउर प्राइवेसी
पूरा तरह ब्राउज़र मँ
डालल गइल डेटा खाली तोहार ब्राउज़र के भीतरे प्रोसेस होत बा अउर बाहर नाहीं पठाइ जात बा।
केवल ब्राउजर मा प्रोसेसिंग
ग्रेडिएंट के कोड जेनरेशन सब कुछ आपके ब्राउजर मा होत है, इनपुट डेटा सर्वर पर नाहीं भेजा जात।
संचार HTTPS से एन्क्रिप्टेड
पेज लोड होना भी TLS से एन्क्रिप्टेड होत है, तीसरे पक्ष से सामग्री नाहीं पढ़ी जा सकत।
तीसरे पक्ष को नाहीं भेजा जात
विज्ञापन नेटवर्क या ट्रैकर जैसी बाहरी सेवाओं को इनपुट सामग्री नाहीं भेजी जात।
परिणाम अपने आप नाहीं सेव होत
चुनल रंग अउर सेटिंग और इनपुट सुझाव सर्वर पर संग्रहीत नाहीं होत।
Google खोज पर RAKKOTOOLS क फॉलो करा
185 ठो उपयोगी टूल Google खोज अउर AI खोज मँ बड़ी असानी से मिली जाई!
- खोज मँ मिली
- AI खोज मँ भी देखाई
- नयका टूल भी मिली
अपडेट के जानकारी
- update #312
CSS ग्रेडिएंट जनरेटर जोड़ा गवा, रंग अउर कोण चुनिके कोड बनाईं