What is a CSS gradient background?

A CSS gradient creates a smooth transition between two or more colors, used as a background effect on web pages.

Can I add more than 2 colors?

Yes, you can add up to 6 color stops for rich multi-color gradients.

Yes, copy the generated CSS and paste it directly into your stylesheet or inline style.

टूल्स

सुंदर CSS ग्रेडिएंट बैकग्राउंड बनाएं और कोड कॉपी करें

कोण90°

CSS आउटपुट

background: #4F46E5;
background: -webkit-linear-gradient(90deg, #4F46E5, #EC4899);
background: linear-gradient(90deg, #4F46E5, #EC4899);

टेम्पलेट्स

ग्रेडिएंट जनरेटर

CSS के लिए ग्रेडिएंट बनाएँ

बॉक्स शैडो

सुंदर CSS बॉक्स शैडो बनाएँ

ग्लासमॉर्फ़िज़्म

फ्रॉस्टेड ग्लास CSS प्रभाव

कलर पिकर

रंग चुनें और HEX, RGB, HSL कन्वर्ट करें

CSS जनरेटर

विभिन्न CSS प्रभाव जनरेट करें

कलर कंट्रास्ट

WCAG मानकों के अनुसार टेक्स्ट पठनीयता जांचें