डिज़ाइन और CSS
लाइव लोकल पूर्वावलोकन के साथ व्यावहारिक रंग और CSS जनरेट करें।
रंग परिवर्तक
HEX, RGB और HSL रंगों को परिवर्तित करें और सटीक परिणाम का पूर्वावलोकन करें।
उपकरण खोलें →CSS ग्रेडिएंट जनरेटर
दो-रंगी रैखिक ग्रेडिएंट बनाएं और प्रोडक्शन-रेडी CSS कॉपी करें।
उपकरण खोलें →WCAG कंट्रास्ट चेकर
दो रंगों के बीच कंट्रास्ट अनुपात की गणना करें और सामान्य WCAG AA और AAA पाठ सीमा की जाँच करें.
उपकरण खोलें →CSS बॉक्स शैडो जनरेटर
लाइव रंग, ऑफ़सेट, ब्लर और स्प्रेड मानों के साथ एक box-shadow बनाएं.
उपकरण खोलें →CSS टेक्स्ट शैडो जेनरेटर
एक पढ़ने योग्य टेक्स्ट-शैडो घोषणा बनाएं और उसे चुनी हुई पृष्ठभूमि के विरुद्ध पूर्वावलोकित करें।
उपकरण खोलें →CSS बॉर्डर रेडियस जनरेटर
चार स्वतंत्र कोने की त्रिज्याएँ सेट करें और परिणामी CSS घोषणा निर्यात करें।
उपकरण खोलें →रिस्पॉन्सिव CSS क्लैम्प जनरेटर
व्यूपोर्ट चौड़ाइयों के across न्यूनतम और अधिकतम आकारों के बीच एक fluid clamp expression की गणना करें.
उपकरण खोलें →PX ↔ REM कन्वर्टर
सुलभ लेआउट के लिए स्पष्ट root font size का उपयोग करके pixels और rem units को परिवर्तित करें.
उपकरण खोलें →CSS त्रिभुज जनरेटर
चारों दिशाओं के लिए कॉन्फ़िगर करने योग्य आकार और रंग के साथ शून्य-आकार का CSS बॉर्डर त्रिभुज बनाएँ।
उपकरण खोलें →रंग शेड्स जनरेटर
एक HEX रंग से एक नियत हल्का-से-गहरा शेड स्केल बनाएं, जिसमें कॉपी किए जा सकने वाले CSS variables हों।
उपकरण खोलें →सीएसएस लोडर जनरेटर
कॉन्फ़िगर करने योग्य आकार, मोटाई, गति और रंगों के साथ एक हल्का, सुलभ स्पिनर जनरेट करें।
उपकरण खोलें →सीएसएस विशिष्टता कैलकुलेटर
आईडी, क्लास, एट्रिब्यूट, प्स्यूडो-क्लास और एलिमेंट सेलेक्टर की specificity की गणना करें और उनकी तुलना करें।
उपकरण खोलें →CSS ईजिंग फ़ंक्शन बिल्डर
क्यूबिक-बेज़ियर नियंत्रण बिंदुओं को मान्य करें और पुन: उपयोग योग्य ट्रांज़िशन टाइमिंग CSS जनरेट करें.
उपकरण खोलें →CSS कस्टम प्रॉपर्टी एक्सट्रैक्टर
CSS वैरिएबल घोषणाएँ, डुप्लिकेट परिभाषाएँ और उनके नवीनतम हल किए गए टेक्स्ट मान खोजें।
उपकरण खोलें →CSS मीडिया क्वेरी बिल्डर
स्पष्ट उत्तरदायी स्थितियों से चौड़ाई, अभिविन्यास और गति-वरीयता मीडिया क्वेरीज़ उत्पन्न करें।
उपकरण खोलें →CSS रंग मान निष्कर्षक
पेस्ट किए गए CSS से HEX, RGB, HSL और आधुनिक फंक्शनल रंग मान निकालें और उनकी गिनती करें।
उपकरण खोलें →CSS समर्थन नियम निर्माता
एक मान्य CSS घोषणा से सकारात्मक और फ़ॉलबैक फ़ीचर क्वेरी उत्पन्न करें।
उपकरण खोलें →CSS फ़ॉन्ट स्टैक बिल्डर
एक उद्धृत font-family स्टैक बनाएं, जिसमें स्पष्ट generic fallback और duplicate removal हो।
उपकरण खोलें →CSS Z-Index विश्लेषक
स्टाइलशीट को निष्पादित किए बिना संख्यात्मक z-index घोषणाएँ निकालें और स्टैकिंग मानों को क्रमबद्ध करें.
उपकरण खोलें →CSS एनीमेशन अवधि ऑडिटर
इन्वेंटरी एनिमेशन और ट्रांज़िशन समय की जाँच करें और रिपोर्ट करें कि क्या reduced-motion हैंडलिंग मौजूद है।
उपकरण खोलें →CSS ब्रेकपॉइंट इन्वेंटरी
मीडिया-क्वेरी के min-width और max-width ब्रेकपॉइंट्स निकालें और उनकी आवृत्ति तथा क्रम की रिपोर्ट करें।
उपकरण खोलें →सीएसएस तार्किक गुण जाँचक
writing-mode के अनुकूल लेआउट के लिए भौतिक और प्रवाह-सापेक्ष CSS property उपयोग की तुलना करें.
उपकरण खोलें →सीएसएस फ़ॉन्ट आकार सूची
असंगत टाइपोग्राफी स्केल को उजागर करने के लिए मान और इकाई के आधार पर font-size घोषणाएँ निकालें.
उपकरण खोलें →CSS ग्रिड ट्रैक विश्लेषक
रीपीट और minmax उपयोग सारांशों के साथ इन्वेंटरी ग्रिड-टेम्पलेट पंक्ति और स्तंभ घोषणाएँ।
उपकरण खोलें →इस पृष्ठ पर कोई मेल खाते उपकरण नहीं हैं।