Gradient जनरेटर

लिनियर, रेडियल किंवा कोनिक ग्रेडियंट तयार करा, कलर स्टॉप्स जोडा आणि दिशा सेट करा, नंतर एका क्लिकमध्ये CSS कॉपी करा.

ग्रेडियंट प्रकार
कलर स्टॉप्स
CSS
तुमचा ग्रेडियंट तयार करण्यासाठी स्टॉप्स आणि दिशा ॲडजस्ट करा.

प्रत्येक ग्रेडियंट थेट तुमच्या ब्राउझरमध्ये रेंडर केला जातो. तुम्ही येथे सेट केलेले काहीही BroBroGo वर अपलोड केले जात नाही.

नेहमी विचारले जाणारे प्रश्न

linear, radial आणि conic ग्रेडियंट्समध्ये काय फरक आहे?

लिनियर (linear) ग्रेडियंट तुम्ही ठरवलेल्या कोनानुसार सरळ रेषेत रंग मिसळतो. रेडियल (radial) ग्रेडियंट त्यांना मध्यभागापासून बाहेर वर्तुळात किंवा लंबवर्तुळात पसरवतो. कोनिक (conic) ग्रेडियंट त्यांना कलर व्हीलप्रमाणे मध्यभागाभोवती फिरवतो.

कलर स्टॉप्स (color stops) म्हणजे काय?

प्रत्येक कलर स्टॉप हा ग्रेडियंटच्या बाजूने एका विशिष्ट स्थानावर पिन केलेला रंग असतो — सुरुवातीला ०%, शेवटी १००%. रंगाची तीव्रता कुठे जास्त असावी हे बदलण्यासाठी स्टॉप हलवा, किंवा अधिक समृद्ध मिश्रणासाठी अधिक स्टॉप्स जोडा. तुम्ही कमाल आठ स्टॉप्स वापरू शकता.

मी दिशा कशी नियंत्रित करू?

लिनियर (linear) किंवा कोनिक (conic) ग्रेडियंटसाठी, कोन स्लाइडर दिशा सेट करतो — ०° वर दर्शवतो, ९०° उजवीकडे दर्शवतो. रेडियल (radial) ग्रेडियंटला कोन नसतो; तो कसा पसरतो हे बदलण्यासाठी वर्तुळ (circle) किंवा लंबवर्तुळ (ellipse) आकार निवडा.