सीएसएस रेखीय ग्रेडिएंट जनरेटर कस्टम रंग, कोण और रंग स्टॉप के साथ सीएसएस रेखीय ग्रेडिएंट बनाएं।

CSS linear-gradient() एक रेखा के साथ एक रंग परिवर्तन बनाता है जो एक कोण द्वारा परिभाषित किया गया है। वाक्य रचना है: linear-gradient(कोण, रंग1 स्थिति1, रंग2 स्थिति2, ...)। कोण डिग्री में निर्दिष्ट किया जाता है (0deg = नीचे से ऊपर, 90deg = बाएं से दाएं) या कीवर्ड्स (दाएं तक, नीचे बाएं तक)। रंग बंद ग्रेडिएंट लाइन पर प्रत्येक रंग की स्थिति को एक प्रतिशत के रूप में परिभाषित करते हैं (0% = शुरू, 100% = अंत)। ब्राउज़र sRGB रंग स्थान का उपयोग करके बंद के बीच रंगों को इंटरपोलेट करता है। एक ही स्थिति पर कई बंद कड़े रंग परिवर्तन बनाते हैं। ग्रेडिएंट्स किसी भी CSS रंग प्रारूप (हेक्स, आरजीबी, एचएसएल, नामांकित रंग) का उपयोग कर सकते हैं और आरजीबीए/एचएसएलए के माध्यम से पारदर्शिता को समर्थन करते हैं। आधुनिक ब्राउज़र सभी वेंडर उपसर्गों के बिना linear-gradient() को सपोर्ट करते हैं। प्रदर्शन के लिए, CSS ग्रेडिएंट्स जीपीयू द्वारा रेंडर किया जाता है और ग्रेडिएंट छवियों की तुलना में अधिक कुशल होता है।