CSS ग्रेडियंट जनरेटर

रंग अर कोण चुणन सूं CSS ग्रेडियंट रो कोड प्रीव्यू रे साथै जनरेट करो

विशेषताएं

प्रीव्यू अर कोड एक साथै अपडेट

रंग या कोण बदळण पर रूप अर CSS दोनूं एक साथै बदळ जावै

लीनियर, रेडियल अर कोनिक में उपलब्ध

कोण, आकार अर केंद्र री स्थिति हरेक प्रकार मुजब अलग सूं सेट करो

10 रंग तक ड्रैग सूं एडजस्ट करो

रंग री स्थिति बार माथै ड्रैग सूं अर पारदर्शिता स्लाइडर सूं एडजस्ट करो

8 नमूना अर रैंडम जनरेशन

रोज रा रंग संयोजन या रैंडम संयोजन सूं शुरू करर बारीक समायोजन करो

उपयोग करण री विधि

1

प्रकार चुणो

लीनियर, रेडियल अर कोनिक में सूं ग्रेडियंट रो प्रकार चुणो

2

रंग तय करो

रंग कोड या नमूना सूं रंग चुणो, '「रंग जोड़ो」' सूं रंग बधावो अर स्थिति अर पारदर्शिता एडजस्ट करो

3

दिशा एडजस्ट करो

लीनियर में कोण या दिशा बटन, रेडियल अर कोनिक में केंद्र री स्थिति सेट करो

4

कोड कॉपी करो

'「कॉपी」' बटन सूं एक लाइन रो 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 खोज माय भी दिखै
  • नवां टूल भी मिलै

अपडेट री जाणकारी

संबंधित औजार