CSS ग्रेडिएंट जनरेटर
2–10 रंग स्टॉप के साथ रैखिक या रेडियल CSS ग्रेडिएंट बनाएँ। कोण, स्थिति और पारदर्शिता बदलें, प्रीसेट या उलटा क्रम चुनें, पूर्वावलोकन लें और स्टाइलशीट कॉपी या डाउनलोड करें।
2–10 रंग बिंदु, आउटपुट में प्रतिशत के क्रम से। समान जगह वाले बिंदु तेज़ सीमा बनाते और सूची क्रम रखते हैं। पारदर्शिता चेकबोर्ड पर दिखती है। रंग 8-बिट sRGB हैं; RGBA आउटपुट दशमलव अल्फ़ा रखता है।
तीन आसान चरण।
- रैखिक या रेडियल चुनकर प्रीसेट या अपने रंगों से शुरू करें।
- स्टॉप के रंग व प्रतिशत बदलें; स्टॉप जोड़ें, हटाएँ या उलटें।
- पूर्वावलोकन जाँचकर CSS पृष्ठभूमि कॉपी करें या स्टाइलशीट डाउनलोड करें।
कुछ ज़रूरी बातें।
मानक CSS रंग नाम और संख्यात्मक HEX/RGB/HSL समर्थित हैं; स्थिति 0–100%। आउटपुट में स्टॉप स्थिति अनुसार क्रमबद्ध हैं; समान स्थिति पर सूची क्रम बना रहता है और तीखा किनारा बन सकता है। रेडियल ग्रेडिएंट बीच में वृत्त है। ब्राउज़र के रंग मिश्रण व स्क्रीन अलग हो सकते हैं; प्रिंट रंग प्रबंधन नहीं होता।
आपकी गोपनीयता कैसे सुरक्षित रहती है →अक्सर पूछे जाने वाले सवाल।
क्या ग्रेडिएंट पारदर्शी हो सकता है?
हाँ। #294C3900 या rgba(41,76,57,0) जैसे अल्फ़ा वाले रंग दें। चौखाने पारदर्शी हिस्से दिखाते हैं।
उलटने से क्या होता है?
स्टॉप की सूची उलटती है और हर स्थिति 100 में से पुराने प्रतिशत को घटाकर बनती है। तीखे किनारों का रंग क्रम भी उलटता है।