मुफ़्त ऑनलाइन टूल

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

दो रंगों के रैखिक ग्रेडिएंट का प्रीव्यू देखें और उसकी CSS कॉपी करें।

ब्राउज़र में चलता हैमुफ़्त

आपका कार्य क्षेत्र

आपके डिवाइस पर प्रोसेसिंग

टूल लोड हो रहा है…

आपकी फ़ाइलें और टेक्स्ट इसी ब्राउज़र में प्रोसेस होते हैं। इन्हें हमारे सर्वर पर अपलोड नहीं किया जाता। पेज बंद करने या रीफ़्रेश करने पर आपका काम मिट जाता है।

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

झटपट शुरू करें

लेबल वाले फ़ील्ड में मान दर्ज करें और चुनी गई इकाइयां या मोड जांचें।
काम के विकल्प चुनें और नाम वाले कार्रवाई बटन को दबाएं। प्रगति या त्रुटियां उसके पास दिखेंगी।
“नतीजा देखें” से आउटपुट जांचें, फिर कॉपी या डाउनलोड करें। मूल फ़ाइल रखें; यह पेज आपका काम अपने-आप सेव नहीं करता।

शुरू करने से पहले

इस डिवाइस के sRGB मान इस्तेमाल होते हैं, कैलिब्रेट की गई प्रिंट प्रक्रिया नहीं। ब्राउज़र रेंडरिंग और स्क्रीन दिखावट पर असर डाल सकते हैं। रंग के नमूने के साथ संख्यात्मक आउटपुट भी जांचें।

विस्तार से जानें

प्रीव्यू के साथ दो रंग बिंदु वाली CSS linear-gradient घोषणा बनाता है। CSS टेक्स्ट बनता है, डाउनलोड करने योग्य बिटमैप बैकग्राउंड नहीं।

एक उपयोगी उदाहरण

90° पर नीला और पीला चुनें और बैकग्राउंड घोषणा टेस्ट एलिमेंट में कॉपी करें।

झटपट जवाब

क्या यह टूल मेरी दी गई जानकारी सर्वर पर भेजता है?

नहीं। आपकी दी गई जानकारी इसी ब्राउज़र में प्रोसेस होती है। पेज बंद करने से पहले नतीजा डाउनलोड कर लें; आपका कार्य क्षेत्र किसी खाते में सेव नहीं होता।

नतीजा इस्तेमाल करने से पहले मुझे क्या जांचना चाहिए?

मूल फ़ाइल संभालकर रखें। साझा करने या ज़रूरी काम में इस्तेमाल करने से पहले नतीजे की सामग्री, लेआउट, गुणवत्ता और फ़ॉर्मैट जांचें। अधिक जानकारी के लिए ऊपर दी गई सीमाएं पढ़ें।