डिज़ाइन टूल जो आपके लिए CSS लिख देते हैं.
ग्रेडिएंट, शैडो, बॉर्डर रेडियस और फ़ेविकॉन के लिए विज़ुअल बिल्डर, सही दिखने पर CSS कॉपी करें या फ़ाइल डाउनलोड करें. पूरी तरह आपके ब्राउज़र में, कुछ भी अपलोड नहीं होता.
डिज़ाइन टूल
CSS ग्रेडिएंट जनरेटर
लीनियर या रेडियल ग्रेडिएंट विज़ुअली बनाएं, CSS कॉपी करें.
टूल खोलेंबॉक्स शैडो जनरेटर
सिंगल या लेयर्ड बॉक्स शैडो विज़ुअली बनाएं, CSS कॉपी करें.
टूल खोलेंबॉर्डर रेडियस जनरेटर
हर कोने का बॉर्डर रेडियस विज़ुअली बनाएं, CSS कॉपी करें.
टूल खोलेंफ़ेविकॉन जनरेटर
इमेज अपलोड करें, हर ज़रूरी साइज़ में फ़ेविकॉन जनरेट करें.
टूल खोलेंकलर पैलेट एक्सट्रैक्टर
किसी भी इमेज में से डोमिनेंट रंग निकालें.
टूल खोलेंकॉन्ट्रास्ट चेकर
WCAG कॉन्ट्रास्ट रेशियो, AA/AAA पास/फ़ेल के साथ.
टूल खोलेंकलर कन्वर्टर
HEX, RGB, HSL और CMYK, लाइव और लिंक्ड.
टूल खोलेंCSS Clamp() जनरेटर
न्यूनतम और अधिकतम साइज़ सेट करें, एक फ़्लूइड clamp() वैल्यू पाएं जो व्यूपोर्ट के साथ स्केल होती है.
टूल खोलेंCSS ईज़िंग जनरेटर
एक कस्टम ईज़िंग कर्व बनाने के लिए दो हैंडल खींचें, cubic-bezier() वैल्यू कॉपी करें.
टूल खोलेंCSS फ़िल्टर जनरेटर
एक इमेज डालें, स्लाइडर खींचें, CSS फ़िल्टर वैल्यू कॉपी करें.
टूल खोलेंCSS पैटर्न जनरेटर
शुद्ध CSS ग्रेडिएंट से एक टाइल होने वाला बैकग्राउंड पैटर्न बनाएं, किसी इमेज फ़ाइल की ज़रूरत नहीं.
टूल खोलेंSVG ब्लॉब जनरेटर
एक रैंडम ऑर्गेनिक ब्लॉब शेप जनरेट करें, रैंडमनेस और पॉइंट काउंट बदलें, कॉपी या डाउनलोड करें.
टूल खोलेंनॉइज़ टेक्सचर जनरेटर
एडजस्टेबल डेंसिटी, ओपेसिटी और रंग वाला ग्रेन टेक्सचर जनरेट करें, डाउनलोड करें या CSS के रूप में कॉपी करें.
टूल खोलेंTailwind शैडो जनरेटर
एक लेयर्ड शैडो विज़ुअली बनाएं, Tailwind shadow-[...] क्लास के साथ रॉ CSS भी पाएं.
टूल खोलें