Free AI Tools
उपकरण श्रेणियां ब्राउज़ करें

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

कस्टम रंग, कोण और ग्रेडिएंट प्रकार के साथ CSS ग्रेडिएंट बनाएं।

इंटरएक्टिव CSS कार्यक्षेत्र

ग्रेडिएंट बनाएं

ग्रेडिएंट प्रकार

रंग रुक जाता है

दो से छह स्टॉप, स्थिति क्रम में रखे गए।

1 बंद करो

एक अपारदर्शी #RGB या #RRGGBB रंग दर्ज करें।

2 बंद करो

एक अपारदर्शी #RGB या #RRGGBB रंग दर्ज करें।

3 बंद करो

एक अपारदर्शी #RGB या #RRGGBB रंग दर्ज करें।

प्रीसेट

लाइव पूर्वावलोकन

रैखिक
CSS आउटपुट
.gradient-background {
  background-color: #0F766E;
  background-image: linear-gradient(135deg, #0F766E 0%, #F59E0B 52%, #172033 100%);
}

पूर्वावलोकन और दोनों प्रतिलिपि क्रियाएं समान उत्पन्न ग्रेडिएंट मान का उपयोग करती हैं।

गोपनीयता और सीमाएँ

यह टूल आपके ब्राउज़र में चलता है और इसके लिए किसी खाते की आवश्यकता नहीं होती है।

अक्सर पूछे जाने वाले प्रश्न

क्या मैं CSS की प्रतिलिपि बना सकता हूँ?

हां. जेनरेट किए गए ग्रेडिएंट में रेडी-टू-कॉपी CSS बैकग्राउंड वैल्यू शामिल है।

क्या इसके लिए किसी खाते की आवश्यकता है?

नहीं. यह मुफ़्त और ब्राउज़र-आधारित है।

संबंधित उपकरण

किसी अन्य ब्राउज़र-आधारित टूल के साथ जारी रखें।

निःशुल्क डिज़ाइन उपकरण

रंग पैलेट जनरेटर

बेस रंग से व्यावहारिक रंग पैलेट बनाएं और HEX, RGB, HSL, या CSS वेरिएबल कॉपी करें।

निःशुल्क डिज़ाइन उपकरण

छवि से रंग पैलेट जेनरेटर

स्थानीय ब्राउज़र कैनवास प्रसंस्करण का उपयोग करके छवि से प्रमुख रंग निकालें।

निःशुल्क डिज़ाइन उपकरण

फ़ॉन्ट पेयरिंग जेनरेटर

एक शैली चुनें और CSS स्निपेट्स के साथ व्यावहारिक शीर्षक, मुख्य भाग और उच्चारण फ़ॉन्ट संयोजन प्राप्त करें।