कॉन्ट्रास्ट
4.58 : 1
रंग, दिशा, स्टॉप और टेक्स्ट कॉन्ट्रास्ट को देखकर सुंदर linear, radial या conic ग्रेडिएंट बनाएं और साफ CSS कॉपी करें।
लाइव प्रीव्यू
ग्रेडिएंट पर साफ दिखाई देने वाला टेक्स्ट
कॉन्ट्रास्ट
4.58 : 1
टेक्स्ट रंग
#ffffff
प्रकाशन से पहले मोबाइल चौड़ाई पर भी जांचें।
CSS background
background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);इनलाइन शैली
style="background: linear-gradient(135deg, #2563eb 0%, #f97316 100%);"टेक्स्ट और पृष्ठभूमि में पर्याप्त कॉन्ट्रास्ट रखें।
उत्पादन UI में जरूरत न हो तो बहुत अधिक रंग स्टॉप न रखें।
फॉर्म और डैशबोर्ड के पीछे हल्के ग्रेडिएंट का प्रयोग करें।
प्रकाशन से पहले मोबाइल चौड़ाई पर भी जांचें।
ध्यान देने योग्य बातें
गणना मानक सूत्रों पर आधारित है। प्रदर्शित मान पढ़ने में आसानी के लिए राउंड किए जा सकते हैं। महत्वपूर्ण निर्णय के लिए आधिकारिक स्रोत भी जांचें।
इस परिणाम को सहेजें, पुराने परिणामों से तुलना करें या रिपोर्ट साझा करें।
दिशा, रंग स्टॉप की दूरी, टेक्स्ट कॉन्ट्रास्ट और ऊपर रखा कंटेंट तय करते हैं कि ग्रेडिएंट संतुलित दिखेगा या बहुत व्यस्त।
हां। छह तक रंग स्टॉप जोड़कर उनकी स्थिति बदल सकते हैं।
पृष्ठभूमि और टेक्स्ट का कॉन्ट्रास्ट कम हो सकता है। कॉन्ट्रास्ट परिणाम देखकर टेक्स्ट रंग बदलें।
हां। तैयार CSS background या इनलाइन style को किसी भी वेब फ्रेमवर्क में उपयोग किया जा सकता है।