← टूल
डिज़ाइन और सीएसएस
रंग, प्रतिक्रियाशील आकार और उत्पादन के लिए तैयार सीएसएस बनाएं।
रंग और एक्सेसिबिलिटी
CSS लेआउट और प्रभाव
- बॉक्स शैडो जेनरेटरस्लाइडर से box-shadow के ऑफ़सेट, ब्लर, स्प्रेड और रंग को शेप करें — कई लेयर जोड़कर डेप्थ बनाएं, CSS कोड फ़ौरन कॉपी करें।
- ग्रेडिएंट जेनरेटरलीनियर, रेडियल या कॉनिक ग्रेडिएंट बनाएँ — कलर स्टॉप जोड़ें, दिशा सेट करें, और CSS कोड एक क्लिक में कॉपी करें।
- बॉर्डर रेडियस जेनरेटरस्लाइडर से हर कोने का रेडियस सेट करें, अंडाकार मोड से बहती हुई “blob” शेप बनाएं, और CSS कोड फ़ौरन कॉपी करें।
- Flexbox जेनरेटरविज़ुअल कंट्रोल से flex कंटेनर और उसके आइटम सेट करें, लेआउट को लाइव बदलते देखें और CSS एक क्लिक में कॉपी करें।
- CSS Grid जेनरेटरअपने कॉलम और रो सेट करें, सेल पर ड्रैग करके आइटम रखें, और grid CSS को उसके HTML के साथ एक क्लिक में कॉपी करें।
- CSS Cubic Bezier जेनरेटरदो हैंडल खींचकर easing कर्व बनाएं, एक डॉट को उस पर और एक सीधी गति के मुक़ाबले दौड़ते देखें, और cubic-bezier() वैल्यू कॉपी करें।
- CSS clamp() कैलकुलेटरछोटी और बड़ी स्क्रीन के लिए एक-एक साइज़ दें और बीच में स्मूथली स्केल होने वाली रिस्पॉन्सिव clamp() वैल्यू पाएं — font size, padding, margin या gap, हर जगह काम आती है।
फ़ॉन्ट निरीक्षण और लाइसेंसिंग
स्क्रीन, प्रिंट और अनुपात
- पिक्सेल / DPI कन्वर्टरकिसी भी DPI/PPI पर पिक्सेल को इंच, cm और mm में बदलें — दोनों दिशाओं में, स्क्रीन डिज़ाइन और प्रिंट दोनों के लिए।
- स्क्रीन PPI कैलकुलेटररेज़ोल्यूशन और स्क्रीन साइज़ डालें — पिक्सेल डेंसिटी, डॉट पिच, फिज़िकल साइज़ वगैरह तुरंत मिलें।
- px से rem/em कन्वर्टरअपने root और em context font size के हिसाब से px, rem और em के बीच बदलें — किसी भी फ़ील्ड को बदलें, बाकी दोनों अपने-आप अपडेट हो जाते हैं।
इस श्रेणी में कोई मिलान उपकरण नहीं।