रैंडम ग्रेडिएंट जनरेटर
रैंडम CSS ग्रेडिएंट उत्पन्न करें — रैखिक, रेडियल, कोनिक। मेलजोल वाले रंग संयोजन, तैयार-पेस्ट CSS कोड कॉपी करें। ब्राउज़र में चलता है।
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
इतिहास
संदर्भ
ग्रेडिएंट जनरेटर कैसे काम करता है?
यह टूल HSL ह्यू रोटेशन के साथ हार्मोनिक रंग सिद्धांत (एनालॉगस, कॉम्प्लिमेंट्री या ट्रायाडिक संबंध) का उपयोग करके 2-3 रंग चुनता है। रैंडम कोण या स्थितियाँ crypto.getRandomValues() से चुनी जाती हैं। आउटपुट तैयार-पेस्ट CSS कोड के साथ लाइव प्रीव्यू के रूप में रेंडर होता है।
ग्रेडिएंट प्रकार
- रैखिक — रंग एक कॉन्फ़िगर करने योग्य कोण पर सीधी रेखा के साथ मिश्रित होते हैं।
- रेडियल — रंग एक केंद्र बिंदु से बाहर की ओर विकीर्ण होते हैं।
- कोनिक — रंग केंद्र के चारों ओर घूमते हैं, रंग चक्र की तरह।
सामान्य उपयोग
- हीरो सेक्शन — लैंडिंग पेजों के लिए आकर्षक पृष्ठभूमि।
- कार्ड और बटन — गहराई के साथ आधुनिक UI एक्सेंट।
- डिज़ाइन प्रेरणा — अप्रत्याशित रंग संयोजन खोजें।
- वॉलपेपर और बैनर — अद्वितीय दृश्य संपत्तियाँ उत्पन्न करें।
गोपनीयता
सभी ग्रेडिएंट 100% आपके ब्राउज़र में उत्पन्न होते हैं। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।