डिज़ाइन टूल्स — मुफ़्त ऑनलाइन
13 टूल्सडिज़ाइन और CSS टूल्स: कलर पिकर, ग्रेडिएंट बिल्डर, शैडो जेनरेटर और CSS यूटिलिटीज़।
WCAG और APCA कंट्रास्ट चेकर
WCAG 2.1 रेशियो और मॉडर्न APCA स्कोर के साथ कलर एक्सेसिबिलिटी चेक करें, रियल-टाइम विज़ुअल सिमुलेशन के साथ।
CSS एनिमेशन जनरेटर
लाइव प्रीव्यू और ईज़िंग कंट्रोल के साथ हाई-परफ़ॉर्मेंस keyframe एनिमेशन विज़ुअली डिज़ाइन करें।
CSS Border Radius जनरेटर
8-पॉइंट एडवांस्ड CSS बॉर्डर रेडियस विज़ुअली बनाएँ। सर्कल, ऑर्गेनिक शेप और एलाबोरेट फ़िगर डिज़ाइन करें।
CSS Box Shadow जनरेटर
रियल-टाइम प्रीव्यू और inset सपोर्ट के साथ मल्टी-लेयर एडवांस्ड CSS शैडो विज़ुअली डिज़ाइन करें।
CSS फ़िल्टर जनरेटर
ब्लर, कंट्रास्ट और ब्राइटनेस जैसे रियल-टाइम CSS फ़िल्टर इमेज पर लगाएँ, लाइव प्रीव्यू और कोड एक्सपोर्ट के साथ।
CSS Flexbox जनरेटर
कंटेनर और आइटम प्रॉपर्टीज़ के लिए इंटरैक्टिव सैंडबॉक्स के साथ फ़्लेक्स लेआउट विज़ुअली डिज़ाइन करें।
CSS Grid जनरेटर
जटिल 2D लेआउट विज़ुअली डिज़ाइन करें। ग्रिड एरिया बनाने के लिए ड्रैग करें और क्लीन CSS एक्सपोर्ट करें।
PX से REM कनवर्टर
Tailwind CSS मैचिंग, फ़्लुइड टाइपोग्राफ़ी clamp() जनरेटर और बैच CSS कन्वर्ज़न के साथ बाइडायरेक्शनल px/rem कनवर्टर।
SVG से CSS कनवर्टर
SVG आइकन को background-image, mask-image और Tailwind आउटपुट फ़ॉर्मेट में ऑप्टिमाइज़्ड CSS डेटा URI में कन्वर्ट करें।
Favicon जनरेटर
टेक्स्ट, इमोजी या इमेज से ICO, PNG, SVG और PWA बंडल में फ़ेविकॉन जनरेट करें, डार्क मोड सपोर्ट के साथ।
CSS ग्रेडिएंट जनरेटर
OKLCH इंटरपोलेशन और ग्रेन टेक्सचर ओवरले के साथ लीनियर, रेडियल और कोनिक टाइप सपोर्ट करने वाले विज़ुअल एडिटर से आकर्षक CSS ग्रेडिएंट बनाएँ।
कलर पैलेट जनरेटर
छह हार्मनी मोड, WCAG कंट्रास्ट मैट्रिक्स और CSS/Tailwind/JSON एक्सपोर्ट के साथ OKLCH में हार्मोनियस कलर पैलेट जनरेट करें।
कलर पिकर
इंटरैक्टिव HSV कैनवास से कलर चुनें, HEX, RGB, HSL और OKLCH के बीच कन्वर्ट करें और WCAG कंट्रास्ट रेशियो चेक करें।